/* fostercitylifeinsurance.vip: the lagoon paddle-lesson whiteboard, drawn as a hand-lettered zine.
   Dry-erase white board in an aluminium frame, navy marker ink, lagoon-teal / orange / lime-highlighter pens,
   magnet-pinned lesson panels, eraser smudges and a marker tray for a footer. */
@font-face{font-family:"Short Stack";src:url(/assets/font-4rk77rm2-short-stack-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Reddit Sans";src:url(/assets/font-4rk77rm2-reddit-sans-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Reddit Sans";src:url(/assets/font-4rk77rm2-reddit-sans-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{--ink:#13242C;--ink-soft:#42565E;--board:#F7FAF9;--board-2:#EAF2F1;--white:#FFFFFF;--frame:#A9B9BE;--frame-hi:#DCE5E7;
--teal:#0A7C8C;--teal-deep:#065663;--teal-pale:#CDEDEE;--orange:#A63708;--orange-hot:#E4571B;--orange-pale:#FFE1CF;
--lime:#D6F23C;--lime-pale:#EEF9A8;--navy:#0E3640;--magnet:#C8372D;--mist:#F2F8F7;
--hand:"Short Stack","Segoe Print","Bradley Hand",cursive;--body:"Reddit Sans","Trebuchet MS",Verdana,sans-serif;--measure:40rem;
--cut:16px 24px 14px 22px/22px 14px 24px 16px;--cut-2:22px 14px 24px 16px/14px 24px 16px 22px;
--check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M4 17l8 8L28 5' fill='none' stroke='%230A7C8C' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--dart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 24'%3E%3Cpath d='M3 16C16 4 34 4 52 12M52 12l-12-7M52 12l-9 10' fill='none' stroke='%23E4571B' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--loop:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 48'%3E%3Cpath d='M4 34C20 6 44 6 46 22C47 34 32 32 36 22C40 12 56 14 66 24M66 24l-14-1M66 24l-5 12' fill='none' stroke='%23E4571B' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--smudge:radial-gradient(ellipse 34% 5% at 12% 9%,rgba(10,124,140,.07),transparent 72%),radial-gradient(ellipse 26% 4% at 84% 17%,rgba(194,65,12,.05),transparent 72%),radial-gradient(ellipse 38% 5% at 28% 41%,rgba(19,36,44,.05),transparent 72%),radial-gradient(ellipse 30% 4% at 78% 58%,rgba(10,124,140,.06),transparent 72%),radial-gradient(ellipse 36% 5% at 18% 79%,rgba(19,36,44,.045),transparent 72%),radial-gradient(ellipse 28% 4% at 88% 92%,rgba(194,65,12,.045),transparent 72%)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background-color:var(--board);background-image:var(--smudge);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.65;overflow-x:clip;box-shadow:inset 12px 0 0 var(--frame),inset -12px 0 0 var(--frame),inset 14px 0 0 var(--frame-hi),inset -14px 0 0 var(--frame-hi)}
@media (max-width:600px){body{box-shadow:inset 6px 0 0 var(--frame),inset -6px 0 0 var(--frame)}}
::selection{background:var(--lime);color:var(--ink)}
img{display:block;max-width:100%;height:auto}
a{color:var(--teal-deep);text-underline-offset:.2em;text-decoration-thickness:2px}
p a:not(.stgio-btn):hover,li a:hover{color:var(--ink);background:linear-gradient(transparent 45%,var(--lime) 45%)}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--hand);font-weight:400;line-height:1.15;margin:0 0 .5em;color:var(--ink);text-wrap:balance;letter-spacing:0}
h1{font-size:clamp(2.35rem,5.4vw,4.1rem)}
h2{font-size:clamp(1.95rem,4vw,3.05rem)}
h3{font-size:1.45rem;line-height:1.2}
p{margin:0 0 1em;max-width:var(--measure)}
strong{font-weight:700}
.stgio-wrap{width:min(100% - 3.5rem,72rem);margin-inline:auto}
@media (max-width:600px){.stgio-wrap{width:min(100% - 2.4rem,72rem)}}
.stgio-skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--white);padding:.75rem 1rem;z-index:99}.stgio-skip:focus{left:1rem;top:1rem}

/* header: the aluminium top rail of the board */
.stgio-head{position:relative;z-index:20;background:linear-gradient(180deg,var(--frame-hi),var(--frame));border-bottom:4px solid var(--ink)}
.stgio-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.3rem 2rem;padding-block:.55rem}
.stgio-brand{display:inline-flex;align-items:center;gap:.65rem;min-height:48px;font-family:var(--hand);font-weight:400;font-size:1.3rem;line-height:1.1;color:var(--ink);text-decoration:none}
.stgio-brand img{width:38px;height:38px;border:3px solid var(--ink);border-radius:var(--cut);filter:hue-rotate(-75deg) saturate(.9)}
.stgio-brand:hover span{background:linear-gradient(transparent 55%,var(--lime) 55%)}
.stgio-links{display:flex;gap:.35rem 1.1rem;align-items:center}
.stgio-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 .2rem;color:var(--ink);text-decoration:none;font-weight:700;font-size:1rem;border-bottom:3px solid transparent;transition:border-color .2s}
.stgio-links a:hover{color:var(--ink);border-bottom-color:var(--teal-deep)}
.stgio-cta{background:var(--ink)!important;background-image:none!important;color:var(--lime)!important;padding:.4rem 1.2rem!important;border-radius:var(--cut);border:3px solid var(--ink);font-family:var(--hand);font-size:1.05rem!important;font-weight:400!important}
.stgio-links a.stgio-cta:hover{background:var(--teal-deep)!important;color:var(--white)!important}
.stgio-menu{display:none;align-items:center;justify-content:center;min-width:46px;min-height:46px;background:var(--white);border:3px solid var(--ink);border-radius:var(--cut);padding:.3rem;color:var(--ink);cursor:pointer}
.stgio-menu[aria-expanded=true]{background:var(--lime)}
@media (max-width:760px){.stgio-nav{flex-wrap:nowrap}.stgio-brand{font-size:1.1rem;min-width:0}.stgio-menu{display:inline-flex;flex:none}.stgio-links{display:none;position:absolute;left:0;right:0;top:100%;background:var(--board);border-bottom:4px solid var(--ink);flex-direction:column;align-items:stretch;padding:.8rem 1.4rem 1.1rem;gap:.2rem}.stgio-links[data-open]{display:flex}.stgio-links a{min-height:48px;border-bottom:2px dashed var(--frame)}.stgio-links a.stgio-cta{justify-content:center;margin-top:.5rem;border-bottom:3px solid var(--ink)}}

/* weather: the conditions strip along the top of the board */
.stgio-wx{background:var(--navy);color:var(--mist);border-bottom:4px solid var(--lime)}
.stgio-wx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem;padding:.7rem 0}
.stgio-wx-photo{display:inline-flex;align-items:center;gap:.6rem;min-height:48px;background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}
.stgio-wx-photo img{width:52px;height:52px;border-radius:var(--cut);object-fit:cover;border:3px solid var(--lime)}
.stgio-wx-photo span{font-family:var(--hand);font-size:1rem;border:2px solid var(--lime);border-radius:var(--cut);padding:.3rem .8rem;color:var(--lime)}
.stgio-wx-photo:hover span,.stgio-wx-photo[aria-expanded=true] span{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.stgio-wx-now{display:flex;align-items:center;gap:.6rem}
.stgio-wx-now strong{font-family:var(--hand);font-weight:400;font-size:2.1rem;line-height:1;color:var(--white)}
.stgio-wx-now span{font-size:1rem}.stgio-wx-now small{display:block;font-size:.85rem;color:var(--mist)}
.stgio-wx-icon{display:inline-flex;color:var(--lime)}
.stgio-wx-days{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.stgio-wx-days li{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:.5rem;align-items:center;border:2px dashed rgba(242,248,247,.55);border-radius:var(--cut);padding:.35rem .7rem;font-size:.85rem;min-width:124px}
.stgio-wx-day{font-weight:700;grid-column:1}.stgio-wx-glyph{grid-row:1/3;grid-column:2;color:var(--lime)}.stgio-wx-glyph svg{width:24px;height:24px}
.stgio-wx-hl{grid-column:1}.stgio-wx-hl strong{font-size:1rem}.stgio-wx-hl em{font-style:normal;color:var(--mist);margin-left:.3rem}
.stgio-wx-cond{grid-column:1/3;font-size:.8rem;color:var(--mist);max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stgio-wx-source{margin-left:auto;font-size:.82rem;color:var(--mist)}
.stgio-wx-panel{padding:0 0 1rem}.stgio-wx-panel img{border-radius:var(--cut);border:3px solid var(--lime);max-width:600px;width:100%;background:#0b1020}.stgio-wx-panel p{font-size:.85rem;color:var(--mist);margin:.5rem 0 0}
@media (max-width:700px){.stgio-wx-source{margin-left:0;width:100%}.stgio-wx-now strong{font-size:1.8rem}}

/* hero */
.stgio-hero{position:relative;padding:2.6rem 0 0}
.stgio-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:2rem 3rem;align-items:center}
@media (max-width:900px){.stgio-hero-grid{grid-template-columns:1fr}.stgio-stage{max-width:30rem;margin-inline:auto}}
.stgio-hero-copy .stgio-eyebrow{margin-bottom:.9rem}
.stgio-hero h1{display:inline;padding:.04em .18em;line-height:1.32;background:linear-gradient(transparent 58%,var(--lime) 58% 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.stgio-hero .stgio-lead{margin-top:1.4rem}
.stgio-stage{position:relative}
.stgio-stage svg{width:100%;height:auto;display:block;overflow:visible}
.stgio-actions{display:flex;flex-wrap:wrap;gap:.9rem 1rem;margin:1.5rem 0 0;max-width:none}
.stgio-hero-photos{padding-top:2.6rem}
.stgio-wave-art{display:block;width:100%;height:30px;margin-top:2.4rem}
.stgio-eyebrow{font-family:var(--hand);text-transform:none;letter-spacing:0;font-size:1.2rem;font-weight:400;line-height:1.3;color:var(--orange);margin:0 0 .5rem;display:flex;align-items:center;gap:.7rem}
.stgio-eyebrow::after{content:"";flex:none;width:3.6rem;height:1.4rem;background:var(--dart) no-repeat center/contain}
.stgio-lead{font-size:1.2rem;color:var(--ink);line-height:1.6}
.stgio-trust{display:grid;grid-template-columns:1fr 1fr;gap:.35rem 1.4rem;margin:1.6rem 0 0;padding:0;list-style:none;font-size:1rem;max-width:36rem}
@media (max-width:520px){.stgio-trust{grid-template-columns:1fr}}
.stgio-trust li{position:relative;padding-left:2rem;line-height:1.4;min-height:1.7rem}
.stgio-trust li::before{content:"";position:absolute;left:0;top:.05rem;width:1.5rem;height:1.5rem;background:var(--check) no-repeat center/contain}

/* mosaic: three prints pinned with magnets */
.stgio-mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 1.8rem}
@media (max-width:760px){.stgio-mosaic{grid-template-columns:1fr;gap:1.8rem;max-width:26rem;margin-inline:auto}}
.stgio-mosaic a{position:relative;display:flex;flex-direction:column;background:var(--white);border:3px solid var(--ink);border-radius:var(--cut);padding:.7rem .7rem 0;text-decoration:none;color:var(--ink);transform:rotate(-1.4deg);transition:transform .2s}
.stgio-mosaic a:nth-child(2){transform:rotate(1.1deg)}.stgio-mosaic a:nth-child(3){transform:rotate(-.6deg)}
.stgio-mosaic a:hover{transform:rotate(0) translateY(-4px)}
.stgio-mosaic a::before{content:"";position:absolute;top:-14px;left:50%;width:26px;height:26px;margin-left:-13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8a7e,var(--magnet) 55%,#8c1f18);border:3px solid var(--ink);z-index:2}
.stgio-mosaic a:nth-child(2)::before{background:radial-gradient(circle at 35% 30%,#7fe0ea,var(--teal) 55%,#05434d)}
.stgio-mosaic a:nth-child(3)::before{background:radial-gradient(circle at 35% 30%,#f4ff9a,var(--lime) 55%,#8aa312)}
.stgio-mosaic img{width:100%;aspect-ratio:16/10;object-fit:cover;border:2px solid var(--ink);border-radius:8px;background:var(--teal-pale)}
.stgio-mosaic span{display:block;padding:.75rem .3rem .8rem;font-family:var(--hand);font-size:1.15rem;line-height:1.25;color:var(--ink)}
.stgio-mosaic a:hover span{background:linear-gradient(transparent 55%,var(--lime) 55%)}

/* sections */
.stgio-section{position:relative;padding:3.8rem 0}
.stgio-section--soft{background:var(--teal-pale);border-block:4px solid var(--ink)}
.stgio-section--deep{background:var(--navy);color:var(--mist);border-block:4px solid var(--ink)}
.stgio-section--deep h2,.stgio-section--deep h3{color:var(--lime)}
.stgio-section--deep a{color:var(--lime)}
.stgio-section--deep p{color:var(--mist)}
.stgio-panel-head{margin-bottom:1.8rem}
.stgio-panel-head h2{margin-bottom:0}
.stgio-cols{display:grid;gap:1.8rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.stgio-card{position:relative;display:block;background:var(--white);border:3px solid var(--ink);border-radius:var(--cut);padding:1.6rem 1.4rem 1.3rem;color:var(--ink);text-decoration:none}
.stgio-card p{margin-bottom:0}
.stgio-card::before{content:"";position:absolute;top:-13px;left:1.4rem;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8a7e,var(--magnet) 55%,#8c1f18);border:3px solid var(--ink)}
.stgio-steps{gap:3.4rem 3rem;counter-reset:lesson}
.stgio-steps .stgio-card{transform:rotate(-.7deg)}.stgio-steps .stgio-card:nth-child(2){transform:rotate(.6deg)}.stgio-steps .stgio-card:nth-child(3){transform:rotate(-.4deg)}
.stgio-steps .stgio-card:nth-child(2)::before{background:radial-gradient(circle at 35% 30%,#7fe0ea,var(--teal) 55%,#05434d)}
.stgio-steps .stgio-card:nth-child(3)::before{background:radial-gradient(circle at 35% 30%,#f4ff9a,var(--lime) 55%,#8aa312)}
@media (min-width:900px){.stgio-steps .stgio-card:not(:last-child)::after{content:"";position:absolute;top:50%;right:-3.5rem;width:3.4rem;height:2.3rem;background:var(--loop) no-repeat center/contain}}
.stgio-num{display:inline-grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--lime);border:3px solid var(--ink);color:var(--ink);font-family:var(--hand);font-size:1.45rem;font-weight:400;margin-bottom:.6rem}
.stgio-steps .stgio-card:nth-child(2) .stgio-num{background:var(--teal-pale)}.stgio-steps .stgio-card:nth-child(3) .stgio-num{background:var(--orange-pale)}
.stgio-learn{gap:1.8rem}
.stgio-learn .stgio-card{padding-top:2.2rem;border-top:3px solid var(--ink);background-image:linear-gradient(var(--magnet),var(--magnet));background-repeat:no-repeat;background-size:100% 4px;background-position:0 2.4rem;transition:transform .2s,background-color .2s}
.stgio-learn .stgio-card h3{text-decoration:underline;text-decoration-color:var(--teal);text-decoration-thickness:3px;text-underline-offset:.25em;margin-top:.8rem}
.stgio-learn .stgio-card:hover{transform:translateY(-5px) rotate(.5deg);background-color:var(--lime-pale)}
.stgio-learn .stgio-card p{margin-top:.8rem}
.stgio-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;border:3px solid var(--ink);border-radius:var(--cut);padding:.55rem 1.5rem;font-family:var(--hand);font-size:1.15rem;font-weight:400;line-height:1.2;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s;box-shadow:4px 4px 0 var(--ink)}
.stgio-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.stgio-btn--primary{background:var(--teal-deep);color:var(--white)}
.stgio-btn--primary:hover{background:var(--navy);color:var(--lime)}
.stgio-btn--ghost{background:var(--white);color:var(--ink)}
.stgio-btn--ghost:hover{background:var(--lime);color:var(--ink)}
.stgio-btn[disabled]{opacity:.65;cursor:progress}
.stgio-section--deep .stgio-btn--primary{background:var(--lime);color:var(--ink)}.stgio-section--deep .stgio-btn--primary:hover{background:var(--white);color:var(--ink)}

/* quote engine: the sign-up sheet */
.stgio-section--form{background:var(--teal-pale);border-block:4px solid var(--ink);background-image:radial-gradient(circle,rgba(6,86,99,.22) 1.6px,transparent 1.8px);background-size:22px 22px}
.stgio-quote{position:relative;background:var(--white);border:3px solid var(--ink);border-radius:var(--cut-2);padding:2rem 1.6rem 1.6rem;max-width:56rem;margin-inline:auto}
.stgio-quote::before{content:"";position:absolute;top:-14px;left:50%;width:26px;height:26px;margin-left:-13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8a7e,var(--magnet) 55%,#8c1f18);border:3px solid var(--ink)}
.stgio-quote h2{font-size:clamp(1.7rem,3vw,2.3rem);display:inline;padding:.04em .2em;line-height:1.5;background:linear-gradient(transparent 58%,var(--lime) 58% 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.stgio-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.2rem;margin-top:1.4rem}
@media (max-width:560px){.stgio-fields{grid-template-columns:1fr}}
.stgio-field{display:flex;flex-direction:column;gap:.35rem}
.stgio-field span{font-size:1rem;font-weight:700;color:var(--ink)}
.stgio-field input,.stgio-field select,.stgio-field textarea{font:inherit;min-height:48px;padding:.65rem .8rem;border:3px solid var(--ink);border-radius:12px;background:var(--board);color:var(--ink);width:100%}
.stgio-field input:focus,.stgio-field select:focus,.stgio-field textarea:focus{outline:3px solid var(--orange);outline-offset:2px;background:var(--white)}
.stgio-field--wide{grid-column:1/-1}
.stgio-seg{display:flex;flex-wrap:wrap;gap:.55rem}
.stgio-seg label{position:relative;display:inline-flex;align-items:center;min-height:46px;border:3px solid var(--ink);border-radius:var(--cut);background:var(--board);padding:.4rem 1rem;cursor:pointer;font-size:1rem}
.stgio-seg label:hover{background:var(--lime-pale)}
.stgio-seg input{position:absolute;opacity:0;width:0;height:0}
.stgio-seg label span{font-weight:700}
.stgio-seg input:checked+span{background:transparent;color:var(--ink)}
.stgio-seg label:has(input:checked){background:var(--lime);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}
.stgio-seg label:has(input:checked) span::before{content:"";display:inline-block;width:1.1em;height:1.1em;margin-right:.35em;vertical-align:-.15em;background:var(--check) no-repeat center/contain;filter:brightness(.35)}
.stgio-seg input:focus-visible+span{outline:3px solid var(--orange);outline-offset:6px;border-radius:6px}
.stgio-note{font-size:.95rem;color:var(--ink-soft);margin-top:1.1rem}
.stgio-status{margin-top:.8rem;font-weight:700;min-height:1.4em}
.stgio-status[data-tone=error]{color:#A11D1D}
.stgio-results{margin-top:1.8rem;max-width:56rem;margin-inline:auto}
.stgio-summary{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;align-items:baseline;margin-bottom:1rem;font-size:1rem}
.stgio-result{display:grid;grid-template-columns:1fr auto;gap:.6rem 1.2rem;align-items:center;border:3px solid var(--ink);border-radius:var(--cut);padding:1rem 1.2rem;margin-bottom:.9rem;background:var(--white)}
.stgio-result--best{background:var(--lime-pale);border-color:var(--ink);box-shadow:5px 5px 0 var(--orange)}
.stgio-result strong{font-family:var(--hand);font-weight:400;font-size:1.2rem}
.stgio-result small{display:block;color:var(--ink-soft);font-size:.9rem}
.stgio-price{font-family:var(--hand);font-size:2rem;font-weight:400;text-align:right;line-height:1;color:var(--ink)}
.stgio-price small{display:block;font-family:var(--body);font-size:.8rem;font-weight:700;text-align:right;margin-top:.3rem}
.stgio-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}
.stgio-tag{font-size:.8rem;font-weight:700;padding:.15rem .6rem;border-radius:var(--cut);background:var(--board-2);border:2px solid var(--ink);color:var(--ink)}
.stgio-tag--now{background:var(--orange-pale);color:#7A2305;border-color:var(--orange);font-weight:700}
.stgio-group{font-size:1.45rem;margin:1.6rem 0 .5rem}
.stgio-applicant{margin:.2rem 0 1rem;border-color:var(--teal-deep)}
.stgio-result .stgio-btn{grid-column:1/-1;justify-self:start}
@media (min-width:640px){.stgio-result{grid-template-columns:1fr auto auto}.stgio-result .stgio-btn{grid-column:auto}}
.stgio-disclosure{font-size:.9rem;color:var(--ink-soft);border-top:3px dashed var(--frame);padding-top:.9rem;margin-top:1.2rem}
details.stgio-more{margin-top:.6rem;font-size:.95rem}details.stgio-more summary{cursor:pointer;color:var(--teal-deep);font-weight:700;min-height:44px;display:flex;align-items:center}

/* no-exam highlight */
.stgio-noexam{background:var(--lime-pale);border:3px solid var(--ink);border-radius:var(--cut-2);padding:1.1rem 1.1rem .5rem;margin:0 0 1.6rem;box-shadow:6px 6px 0 var(--teal)}
.stgio-group--noexam{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:0;font-size:1.45rem}
.stgio-noexam-badge{display:inline-block;background:var(--ink);color:var(--lime);font-family:var(--hand);font-size:1rem;padding:.3rem .8rem;border-radius:var(--cut)}
.stgio-noexam-note{margin-bottom:.9rem;color:var(--ink)}
.stgio-result--noexam{border-color:var(--ink);background:var(--white)}
.stgio-tag--noexam{background:var(--ink);color:var(--lime);border-color:var(--ink)}
.stgio-tag--usually{background:var(--teal-pale);color:var(--ink);border-color:var(--teal-deep)}
.stgio-noexam-note+.stgio-noexam-note{margin-top:1rem;padding-top:.9rem;border-top:3px dashed var(--teal)}

/* rates table: results ruled on the board */
.stgio-rates-note{margin-bottom:1.4rem}
.stgio-rates-note p{max-width:var(--measure)}
.stgio-table-wrap{overflow-x:auto;background:var(--white);border:3px solid var(--ink);border-radius:var(--cut-2);padding:.4rem 1rem}
.stgio-table{width:100%;border-collapse:collapse;font-size:1.05rem}
.stgio-table th,.stgio-table td{padding:.7rem .8rem;border-bottom:2px dashed var(--frame);text-align:left}
.stgio-table th{font-family:var(--hand);font-size:1.1rem;font-weight:400;letter-spacing:0;text-transform:none;border-bottom:3px solid var(--ink);color:var(--ink)}
.stgio-table tbody tr:last-child td{border-bottom:0}
.stgio-table td:nth-child(2){font-weight:700;background:linear-gradient(transparent 14%,var(--lime-pale) 14% 86%,transparent 86%)}
.stgio-table tbody tr:hover td{background:var(--teal-pale)}

/* why: the lagoon lots on a navy board */
.stgio-why{display:grid;grid-template-columns:.85fr 1.15fr;gap:2rem 3.5rem;align-items:start;margin-top:.4rem}
@media (max-width:860px){.stgio-why{grid-template-columns:1fr}}
.stgio-why-head h2{margin-bottom:1rem}
.stgio-inlets-art{display:block;width:100%;max-width:19rem;height:auto;margin-top:1rem}
.stgio-why-text p{max-width:var(--measure);font-size:1.08rem}
.stgio-why-links{margin-top:.4rem}
.stgio-section--deep .stgio-eyebrow{color:var(--lime)!important}
.stgio-section--deep .stgio-eyebrow::after{filter:brightness(1.5) saturate(.55)}
.stgio-section--deep a:hover{color:var(--ink);background:var(--lime)}
.stgio-section--deep :focus-visible{outline-color:var(--lime)}

/* articles */
.stgio-article{max-width:46rem;margin-inline:auto}
.stgio-article h1{display:inline;padding:.04em .18em;line-height:1.35;background:linear-gradient(transparent 58%,var(--lime) 58% 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.stgio-article .stgio-lead{margin-top:1.4rem}
.stgio-article h2{margin-top:1.6em}
.stgio-article figure{position:relative;margin:0 0 1.8rem;background:var(--white);border:3px solid var(--ink);border-radius:var(--cut);padding:.7rem .7rem .2rem;transform:rotate(-.5deg)}
.stgio-article figure::before{content:"";position:absolute;top:-14px;left:50%;width:26px;height:26px;margin-left:-13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8a7e,var(--magnet) 55%,#8c1f18);border:3px solid var(--ink)}
.stgio-article figcaption{font-size:.88rem;color:var(--ink-soft);margin:.6rem .2rem .7rem;line-height:1.5}
.stgio-article img{border-radius:8px;border:2px solid var(--ink)}
.stgio-sources{font-size:.95rem;border-top:3px dashed var(--frame);padding-top:1rem;margin-top:2.2rem}.stgio-sources ol{padding-left:1.3rem}
.stgio-faq details{background:var(--white);border:3px solid var(--ink);border-radius:var(--cut);padding:.2rem 1.2rem;margin-bottom:1rem}
.stgio-faq details[open]{background:var(--lime-pale)}
.stgio-faq summary{cursor:pointer;font-family:var(--hand);font-size:1.25rem;line-height:1.3;min-height:48px;display:flex;align-items:center;gap:.7rem;padding:.5rem 0;list-style:none}
.stgio-faq summary::-webkit-details-marker{display:none}
.stgio-faq summary::before{content:"+";flex:none;display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;border:3px solid var(--ink);border-radius:50%;background:var(--lime);font-family:var(--hand);line-height:1;font-size:1.3rem}
.stgio-faq details[open] summary::before{content:"\2212";background:var(--white)}
.stgio-faq details p{padding-bottom:.4rem}

/* footer: the marker tray */
.stgio-foot{position:relative;margin-top:1rem;border-top:4px solid var(--ink);padding:3.2rem 0 2.2rem;font-size:1rem;color:var(--ink);background:linear-gradient(180deg,var(--frame) 0,var(--frame-hi) 22px,var(--frame) 60px,#97A9AF 100%)}
.stgio-foot::before{content:"";position:absolute;top:-30px;right:12%;width:150px;height:18px;border:3px solid var(--ink);border-radius:9px 4px 4px 9px;background:linear-gradient(90deg,var(--ink) 0 22%,var(--teal) 22% 78%,var(--white) 78%)}
.stgio-foot::after{content:"";position:absolute;top:-26px;right:calc(12% + 190px);width:110px;height:14px;border:3px solid var(--ink);border-radius:7px 3px 3px 7px;background:linear-gradient(90deg,var(--ink) 0 22%,var(--orange-hot) 22% 78%,var(--white) 78%);transform:rotate(-3deg)}
@media (max-width:600px){.stgio-foot::before{right:6%;width:110px}.stgio-foot::after{display:none}}
.stgio-foot-grid{display:grid;gap:1.6rem 2rem;grid-template-columns:2fr 1fr 1fr}@media (max-width:700px){.stgio-foot-grid{grid-template-columns:1fr}}
.stgio-foot a{color:var(--ink);font-weight:700}
.stgio-foot a:hover{background:var(--lime);color:var(--ink)}
.stgio-foot nav a{display:block;margin-bottom:.45rem;min-height:30px}
.stgio-foot nav strong{font-family:var(--hand);font-weight:400;font-size:1.2rem;display:block;margin-bottom:.4rem}
.stgio-foot .stgio-brand{display:inline-flex}
.stgio-foot p{max-width:34rem}

.stgio-apply-shell{background:var(--white);border:3px solid var(--ink);border-radius:var(--cut-2);padding:1rem;min-height:600px}
.stgio-apply-shell iframe{width:100%;border:0}
.stgio-calc output{font-family:var(--hand);font-size:2rem;font-weight:400;display:block;margin-top:.5rem;color:var(--teal-deep)}

/* draw-on doodles: arrows trace in as they scroll into view, reduced motion shows them drawn */
@keyframes stgio-trace{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.stgio-draw{stroke-dasharray:1;stroke-dashoffset:0}
@media (prefers-reduced-motion:no-preference){
.stgio-draw{animation:stgio-trace 1.8s ease-out both}
@supports (animation-timeline:view()){.stgio-draw{animation:stgio-trace linear both;animation-timeline:view();animation-range:entry 0% entry 90%}}
}
[data-reveal]{opacity:1;transform:none;transition:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stgio-mosaic a,.stgio-learn .stgio-card,.stgio-btn{transition:none}}
@media (max-width:600px){.stgio-table-wrap{padding:.2rem .5rem}.stgio-table{font-size:.95rem}.stgio-table th,.stgio-table td{padding:.55rem .4rem}.stgio-table th{font-size:1rem}}