@font-face{font-family:"Syne";src:url(/assets/font-ml4iixvr-syne-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Syne";src:url(/assets/font-ml4iixvr-syne-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url(/assets/font-ml4iixvr-atkinson-hyperlegible-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url(/assets/font-ml4iixvr-atkinson-hyperlegible-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  color-scheme:light;
  --paper:#ECEEE6;--paper-hi:#F7F8F3;--soft:#DDE3D8;
  --ink:#0B2A27;--ink-2:#34504C;--rule:#8FA6A0;
  --teal:#1B8F84;--teal-deep:#08615A;--head-ink:#064A45;--teal-pale:#B9D8D1;
  --orange:#FF6B35;--orange-soft:#FF9A70;--orange-pale:#FFD2BD;
  --deep:#0B2A27;--deep-2:#123A36;--deep-rule:#2F5C56;--on-deep:#F4F5EE;--on-deep-2:#BFD0CA;
  --mud:#1B3F1B;
  --reg:6px;
  --head:"Syne","Arial Black",Impact,sans-serif;--body:"Atkinson Hyperlegible",Verdana,Tahoma,sans-serif;
  --measure:64ch;--maxw:1180px;
  --ease:cubic-bezier(.2,.8,.2,1);
  --dots:radial-gradient(circle,var(--teal) 27%,transparent 29%);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.64 var(--body);caret-color:var(--orange)}
::selection{background:var(--orange);color:var(--ink)}
img{max-width:100%;height:auto;display:block}
a{color:var(--teal-deep);text-underline-offset:.2em;text-decoration-thickness:2px}
a:hover{color:var(--mud);text-decoration-color:var(--orange)}
:focus-visible{outline:4px solid var(--teal-deep);outline-offset:3px}
.s4rt4-wx :focus-visible,.s4rt4-why :focus-visible,.s4rt4-foot :focus-visible,.s4rt4-section--deep :focus-visible{outline-color:var(--orange-soft)}
h1,h2,h3{font-family:var(--head);font-weight:800;line-height:1.08;margin:0 0 .5em;letter-spacing:-.012em;color:var(--head-ink)}
h1{font-size:clamp(2rem,4.4vw,3.5rem)}
h2{font-size:clamp(1.8rem,3.8vw,2.9rem)}
h3{font-size:1.4rem;font-weight:700;line-height:1.18;color:var(--ink)}
/* headlines: the type is one ink; the second ink is a band that lands a few pixels out of register under each line,
   and where the two meet the third colour appears */
h1,h2{display:inline;margin:0;padding:.02em .14em .06em .02em;mix-blend-mode:multiply;box-decoration-break:clone;-webkit-box-decoration-break:clone;
  background:linear-gradient(to bottom,transparent 56%,var(--orange-soft) 56%,var(--orange-soft) 92%,transparent 92%) 6px 0/calc(100% - 6px) 100% no-repeat}
h2{background-position:4px 0;background-size:calc(100% - 4px) 100%}
.s4rt4-article h1,.s4rt4-article h2{display:block;background:none;mix-blend-mode:normal;padding:0;margin:0 0 .5em;position:relative}
.s4rt4-article h1{padding-bottom:.45em}
.s4rt4-article h1::after{content:"";position:absolute;left:0;bottom:0;width:min(14rem,60%);height:18px;background:linear-gradient(var(--teal),var(--teal)) 0 0/100% 10px no-repeat,linear-gradient(var(--orange),var(--orange)) 6px 8px/100% 10px no-repeat;mix-blend-mode:multiply}
.s4rt4-article h2{margin-top:1.8em;font-size:clamp(1.5rem,3vw,2.1rem);border-left:10px solid var(--orange);padding-left:.6rem;box-shadow:-4px 3px 0 var(--teal)}
.s4rt4-article h3{margin-top:1.4em}
.s4rt4-quote h2,.s4rt4-calc h2,.s4rt4-card h2,.s4rt4-section--deep h2,.s4rt4-wx h2{display:block;background:none;mix-blend-mode:normal;padding:0;margin:0 0 .5em}
p{margin:0 0 1em;max-width:var(--measure)}
.s4rt4-wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:16px}
.s4rt4-skip{position:absolute;left:12px;top:-70px;background:var(--deep);color:var(--on-deep);padding:.8rem 1rem;z-index:99;font-weight:700}
.s4rt4-skip:focus{top:8px}.s4rt4-skip:hover{color:var(--on-deep)}

/* masthead */
.s4rt4-head{position:sticky;top:0;z-index:30;background:var(--paper-hi);border-bottom:4px solid var(--teal-deep);box-shadow:0 5px 0 var(--orange)}
.s4rt4-nav{display:flex;align-items:center;justify-content:space-between;gap:.4rem 1.2rem;padding-block:.3rem;min-height:64px}
.s4rt4-brand{display:inline-flex;align-items:center;gap:.7rem;font:800 1.4rem/1.05 var(--head);letter-spacing:-.01em;text-decoration:none;color:var(--teal-deep);min-height:48px}
.s4rt4-brand:hover{color:var(--teal-deep)}
.s4rt4-brand img{width:36px;height:36px;border-radius:0;background:var(--orange);border:3px solid var(--ink);filter:grayscale(1) contrast(1.5) brightness(.5);box-shadow:3px 3px 0 var(--teal)}
.s4rt4-links{display:flex;align-items:center;flex-wrap:wrap;gap:0 .15rem}
.s4rt4-links a{display:inline-flex;align-items:center;min-height:48px;padding:0 .85rem;color:var(--ink);font-weight:700;text-decoration:none;font-size:1.05rem}
.s4rt4-links a:hover{color:var(--teal-deep);text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:4px}
.s4rt4-links a.s4rt4-cta,.s4rt4-links .s4rt4-cta{margin-left:.6rem;padding:0 1.15rem;background:var(--orange);color:var(--ink)!important;border:3px solid var(--ink);box-shadow:var(--reg) var(--reg) 0 var(--teal);transition:box-shadow .25s var(--ease),transform .25s var(--ease)}
.s4rt4-links a.s4rt4-cta:hover{box-shadow:0 0 0 var(--teal);transform:translate(var(--reg),var(--reg));text-decoration:none;color:var(--ink)!important}
.s4rt4-menu{display:none;align-items:center;justify-content:center;min-width:48px;min-height:48px;background:var(--orange);border:3px solid var(--ink);color:var(--ink);cursor:pointer;box-shadow:4px 4px 0 var(--teal)}
.s4rt4-menu[aria-expanded=true]{box-shadow:0 0 0 var(--teal);transform:translate(4px,4px)}

/* weather ribbon: the dark drum */
.s4rt4-wx{background:var(--deep);color:var(--on-deep);padding:.7rem 0;margin-top:5px}
.s4rt4-wx a{color:var(--on-deep)}
.s4rt4-wx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.8rem;padding:0 16px}
.s4rt4-wx-photo{display:inline-flex;align-items:center;gap:.7rem;background:none;border:0;padding:0;color:var(--on-deep);font:inherit;cursor:pointer;min-height:48px}
.s4rt4-wx-photo img{width:48px;height:48px;object-fit:cover;filter:grayscale(1) contrast(1.2);background:var(--orange);mix-blend-mode:normal;border:3px solid var(--orange-soft)}
.s4rt4-wx-photo span{font:700 .9rem/1 var(--body);letter-spacing:.1em;text-transform:uppercase;border:3px solid var(--on-deep-2);padding:.65rem .75rem;color:var(--on-deep)}
.s4rt4-wx-photo:hover span,.s4rt4-wx-photo[aria-expanded=true] span{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.s4rt4-wx-now{display:flex;align-items:center;gap:.8rem}
.s4rt4-wx-icon{display:inline-flex;color:var(--orange-soft)}
.s4rt4-wx-now > div{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}
.s4rt4-wx-now strong{font:800 2.4rem/1 var(--head);color:var(--on-deep);min-width:2ch;text-shadow:3px 2px 0 var(--teal)}
.s4rt4-wx-now span{font-size:1.05rem;color:var(--on-deep)}
.s4rt4-wx-now small{display:block;font-size:.92rem;color:var(--on-deep-2)}
.s4rt4-wx-days{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;border-left:3px solid var(--deep-rule)}
.s4rt4-wx-days li{display:grid;grid-template-columns:auto auto auto;align-items:center;column-gap:.7rem;padding:0 1rem;border-right:3px solid var(--deep-rule);min-height:48px}
.s4rt4-wx-day{font:700 .95rem var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--on-deep)}
.s4rt4-wx-glyph{display:inline-flex;color:var(--orange-soft)}.s4rt4-wx-glyph svg{width:22px;height:22px}
.s4rt4-wx-hl{display:inline-flex;align-items:baseline;gap:.5rem}
.s4rt4-wx-hl strong{font:800 1.3rem/1 var(--head);color:var(--on-deep)}
.s4rt4-wx-hl em{font:400 .95rem var(--body);font-style:normal;color:var(--on-deep-2)}
.s4rt4-wx-cond{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.s4rt4-wx-source{margin-left:auto;font-size:.9rem;color:var(--on-deep-2)}
.s4rt4-wx-panel{padding:0 16px 1rem}.s4rt4-wx-panel img{max-width:600px;width:100%;background:var(--deep-2);border:3px solid var(--deep-rule)}.s4rt4-wx-panel p{font-size:.9rem;color:var(--on-deep-2);margin:.5rem 0 0}

/* captions that sit under the headline they belong to */
.s4rt4-eyebrow{font:700 .95rem/1.3 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:0;max-width:none}
.s4rt4-head2,.s4rt4-hero-head{display:block}
.s4rt4-head2 .s4rt4-eyebrow,.s4rt4-hero-head .s4rt4-eyebrow{margin-top:1.1rem;padding-top:.7rem;border-top:4px dotted var(--teal);display:block;width:fit-content}
.s4rt4-head2{margin-bottom:1.8rem}
.s4rt4-head2 > :first-child{max-width:20ch}

/* hero: a portrait zine cover, two ink layers, plus the copy beside it */
.s4rt4-hero{padding:clamp(1.4rem,3.5vw,3rem) 0 clamp(2.2rem,4vw,3.6rem);overflow:hidden}
.s4rt4-hero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:1.6rem clamp(1.6rem,4vw,4rem);align-items:center}
.s4rt4-cover{position:relative;isolation:isolate;overflow:hidden;background:var(--paper-hi);border:4px solid var(--ink);aspect-ratio:600/760;box-shadow:12px 12px 0 var(--orange);transform:rotate(-1.4deg);margin:0 12px 12px 0}
.s4rt4-cover svg{position:absolute;inset:0;width:100%;height:100%;display:block;mix-blend-mode:multiply}
.s4rt4-cover svg:first-child{color:var(--teal);transform:translate(calc(var(--reg) * 1.2),calc(var(--reg) * .8));transition:transform .7s var(--ease)}
.s4rt4-cover svg + svg{color:var(--orange)}
.s4rt4-cover:hover svg:first-child{transform:translate(0,0)}
.s4rt4-cover::after{content:"";position:absolute;left:0;right:0;bottom:0;height:16px;z-index:2;background:linear-gradient(90deg,var(--orange) 0 25%,var(--teal) 25% 50%,var(--mud) 50% 75%,var(--paper-hi) 75% 100%);border-top:3px solid var(--ink)}
.s4rt4-hero-copy{min-width:0}
.s4rt4-hero-head{margin-bottom:1.5rem;max-width:none}
.s4rt4-hero-head h1{line-height:1.12}
.s4rt4-hero-head .s4rt4-eyebrow{max-width:none}
.s4rt4-lead{font-size:1.28rem;line-height:1.55;max-width:52ch;margin:0 0 1.1em;color:var(--ink)}
.s4rt4-trust{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;gap:.55rem;font-size:1.0625rem}
.s4rt4-trust li{display:flex;gap:.8rem;align-items:flex-start}
.s4rt4-trust li::before{content:"";flex:none;width:.85rem;height:.85rem;margin-top:.45rem;border-radius:50%;background:var(--orange);box-shadow:.28rem .2rem 0 var(--teal)}
.s4rt4-acts{display:flex;flex-wrap:wrap;gap:1rem 1.1rem;margin:0}
.s4rt4-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:56px;padding:0 1.6rem;font:800 1.15rem/1.1 var(--head);text-decoration:none;border:3px solid var(--ink);border-radius:0;cursor:pointer;transition:box-shadow .25s var(--ease),transform .25s var(--ease),background .2s}
.s4rt4-btn--primary{background:var(--orange);color:var(--ink);box-shadow:var(--reg) var(--reg) 0 var(--teal)}
.s4rt4-btn--primary:hover{box-shadow:0 0 0 var(--teal);transform:translate(var(--reg),var(--reg));color:var(--ink)}
.s4rt4-btn--ghost{background:var(--paper-hi);color:var(--teal-deep);box-shadow:var(--reg) var(--reg) 0 var(--orange-pale)}
.s4rt4-btn--ghost:hover{box-shadow:0 0 0 var(--orange-pale);transform:translate(var(--reg),var(--reg));color:var(--ink);background:var(--orange-pale)}
.s4rt4-btn[disabled]{opacity:.62;cursor:progress}

/* photo plates: grey photographs pulled in orange, with a teal dot screen a hair out of line */
.s4rt4-plates{padding:0 0 clamp(2.4rem,5vw,4rem)}
.s4rt4-mosaic{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:1.1rem 1.4rem}
.s4rt4-mosaic a{position:relative;display:block;isolation:isolate;overflow:hidden;background:var(--orange);border:4px solid var(--ink);aspect-ratio:8/5;text-decoration:none;box-shadow:8px 8px 0 var(--teal)}
.s4rt4-mosaic a:first-child{grid-row:1/3;aspect-ratio:auto;min-height:100%;box-shadow:8px 8px 0 var(--orange-soft)}
.s4rt4-mosaic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.7) brightness(.82);mix-blend-mode:multiply}
.s4rt4-mosaic a:nth-child(3) img{filter:grayscale(1) contrast(2.4) brightness(.5)}
.s4rt4-mosaic a::after{content:"";position:absolute;inset:-8px;z-index:1;pointer-events:none;background:var(--dots) 5px 3px/9px 9px;mix-blend-mode:multiply;opacity:.55;transition:transform .5s var(--ease)}
.s4rt4-mosaic a:hover::after,.s4rt4-mosaic a:focus-visible::after{transform:translate(-5px,-3px)}
.s4rt4-mosaic span{position:absolute;left:0;bottom:0;z-index:2;max-width:92%;background:var(--paper-hi);color:var(--ink);font:800 1.05rem/1.2 var(--head);padding:.7rem 1rem;border-top:4px solid var(--ink);border-right:4px solid var(--ink)}
.s4rt4-mosaic a:hover span{background:var(--orange-pale)}

/* sections */
.s4rt4-section,.s4rt4-sec{padding:clamp(2.6rem,5vw,4.4rem) 12px;position:relative}
.s4rt4-section--soft{background:var(--soft)}
.s4rt4-section--deep{background:var(--deep);color:var(--on-deep)}.s4rt4-section--deep a{color:var(--orange-pale)}.s4rt4-section--deep h2,.s4rt4-section--deep h3{color:var(--on-deep)}
.s4rt4-sec::before,.s4rt4-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:22px;background:var(--dots) 0 0/9px 9px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent);mask-image:linear-gradient(to bottom,#000,transparent);opacity:.7;pointer-events:none}
.s4rt4-cols{display:grid;gap:1.8rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.s4rt4-card{display:block;background:var(--paper-hi);border:3px solid var(--ink);padding:1.4rem 1.3rem 1.2rem;box-shadow:8px 8px 0 var(--orange)}
.s4rt4-card p{margin:0 0 .4em}
.s4rt4-num{display:inline-grid;place-items:center;width:3.1rem;height:3.1rem;background:var(--orange);color:var(--ink);border:3px solid var(--ink);box-shadow:5px 4px 0 var(--teal);font:800 1.7rem/1 var(--head);margin-bottom:1rem}
.s4rt4-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.8rem;align-items:start}
.s4rt4-steps .s4rt4-card:nth-child(2){margin-top:2.2rem;box-shadow:8px 8px 0 var(--teal)}
.s4rt4-steps .s4rt4-card:nth-child(3){margin-top:4.4rem;box-shadow:8px 8px 0 var(--orange-soft)}
a.s4rt4-card{text-decoration:none;color:var(--ink);transition:box-shadow .25s var(--ease),transform .25s var(--ease)}
a.s4rt4-card:hover{box-shadow:0 0 0 var(--orange);transform:translate(8px,8px);background:var(--orange-pale)}
a.s4rt4-card h3{color:var(--teal-deep)}
.s4rt4-learn-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.8rem}
.s4rt4-learn-list .s4rt4-card:nth-child(even){box-shadow:8px 8px 0 var(--teal)}
.s4rt4-learn-list .s4rt4-card:nth-child(even):hover{box-shadow:0 0 0 var(--teal)}
.s4rt4-learn-list .s4rt4-card{padding-right:3.4rem;position:relative}
.s4rt4-learn-list .s4rt4-card::after{content:"\2192";position:absolute;right:1.1rem;top:1.1rem;font:800 1.7rem/1 var(--head);color:var(--teal-deep)}

/* quote engine: the order slip */
.s4rt4-panel{position:relative;background:var(--soft);padding:clamp(2.8rem,5vw,4.6rem) 12px;border-block:4px solid var(--ink)}
.s4rt4-quote{background:var(--paper-hi);border:4px solid var(--ink);padding:clamp(1.2rem,3vw,2rem);box-shadow:12px 12px 0 var(--teal);position:relative}
.s4rt4-quote h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:1rem;color:var(--teal-deep)}
.s4rt4-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 1.4rem}
@media (max-width:560px){.s4rt4-fields{grid-template-columns:1fr}}
.s4rt4-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}
.s4rt4-field > span{font:700 1.02rem/1.3 var(--body);color:var(--ink)}
.s4rt4-field input,.s4rt4-field select,.s4rt4-field textarea{font:inherit;min-height:50px;padding:.7rem .8rem;border:3px solid var(--ink);border-radius:0;background:#fff;color:var(--ink);width:100%;box-shadow:4px 4px 0 var(--teal-pale)}
.s4rt4-field textarea{min-height:140px}
.s4rt4-field input:focus,.s4rt4-field select:focus,.s4rt4-field textarea:focus{outline:4px solid var(--orange);outline-offset:0;box-shadow:0 0 0 var(--teal-pale)}
.s4rt4-field--wide{grid-column:1/-1}
.s4rt4-seg{display:flex;flex-wrap:wrap;gap:.7rem .8rem}
.s4rt4-seg label{position:relative;display:inline-flex;align-items:center;min-height:48px;padding:0 1.1rem;border:3px solid var(--ink);background:#fff;cursor:pointer;font-size:1.05rem;font-weight:700;box-shadow:4px 4px 0 var(--teal-pale);transition:box-shadow .2s var(--ease),transform .2s var(--ease),background .2s}
.s4rt4-seg label:hover{background:var(--orange-pale)}
.s4rt4-seg input{position:absolute;opacity:0;width:100%;height:100%;left:0;top:0;margin:0;cursor:pointer;min-height:0;box-shadow:none}
.s4rt4-seg input:checked+span{background:none;margin:0;padding:0;display:inline}
.s4rt4-seg label:has(input:checked){background:var(--orange);box-shadow:0 0 0 var(--teal-pale);transform:translate(4px,4px)}
.s4rt4-seg label:has(input:focus-visible){outline:4px solid var(--teal-deep);outline-offset:3px}
.s4rt4-note{font-size:.98rem;color:var(--ink-2);margin:1rem 0 0}
.s4rt4-status{margin-top:.9rem;font-weight:700;min-height:1.5em}
.s4rt4-status[data-tone=error]{color:#9B1C0E}
.s4rt4-quote .s4rt4-btn{margin-top:1.2rem}
.s4rt4-results{margin-top:1.8rem}
.s4rt4-results:not(:empty){background:var(--paper-hi);border:4px solid var(--ink);padding:clamp(1rem,2.5vw,1.6rem);box-shadow:12px 12px 0 var(--orange)}
.s4rt4-summary{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;align-items:baseline;margin-bottom:1.1rem;font-size:1.02rem}
.s4rt4-result{display:grid;grid-template-columns:1fr auto;gap:.7rem 1.2rem;align-items:center;border:3px solid var(--ink);padding:1rem 1.1rem;margin-bottom:1rem;background:#fff;box-shadow:5px 5px 0 var(--teal-pale)}
.s4rt4-result--best{background:var(--orange-pale);box-shadow:5px 5px 0 var(--orange)}
.s4rt4-result strong{font:800 1.15rem/1.2 var(--head);color:var(--ink)}
.s4rt4-result small{display:block;color:var(--ink-2);font-size:.95rem}
.s4rt4-price{font:800 1.9rem/1 var(--head);text-align:right;color:var(--teal-deep)}
.s4rt4-price small{display:block;font:700 .85rem var(--body);text-align:right;margin-top:.3rem;color:var(--ink-2)}
.s4rt4-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}
.s4rt4-tag{font:700 .85rem/1.2 var(--body);padding:.2rem .55rem;background:var(--soft);border:2px solid var(--ink);color:var(--ink)}
.s4rt4-tag--now{background:#FFD9CC;color:#7A1500;border-color:#7A1500}
.s4rt4-group{font:800 1.3rem/1.2 var(--head);margin:1.6rem 0 .5rem;color:var(--head-ink)}
.s4rt4-applicant{margin:.4rem 0 1rem}
.s4rt4-result .s4rt4-btn{grid-column:1/-1;justify-self:start;margin-top:0}
@media (min-width:660px){.s4rt4-result{grid-template-columns:1fr auto auto}.s4rt4-result .s4rt4-btn{grid-column:auto}}
.s4rt4-disclosure{font-size:.92rem;color:var(--ink-2);border-top:3px dotted var(--teal);padding-top:1rem;margin-top:1.2rem}
details.s4rt4-more{margin-top:.6rem;font-size:.95rem}details.s4rt4-more summary{cursor:pointer;color:var(--teal-deep);font-weight:700;min-height:44px;display:flex;align-items:center}

/* tables */
.s4rt4-table{width:100%;border-collapse:collapse;font-size:1.05rem;background:var(--paper-hi);border:3px solid var(--ink)}
.s4rt4-table th,.s4rt4-table td{padding:.8rem .9rem;border-bottom:2px solid var(--rule);text-align:left}
.s4rt4-table th{font:800 .95rem var(--head);letter-spacing:.04em;background:var(--deep);color:var(--on-deep);border-bottom:0}
.s4rt4-table tbody tr:nth-child(even){background:var(--soft)}
.s4rt4-table td:nth-child(2){font-weight:700;color:var(--teal-deep)}
.s4rt4-table-wrap{overflow-x:auto;box-shadow:8px 8px 0 var(--orange);margin-right:8px;margin-bottom:8px}

/* why: the dark drum again */
.s4rt4-why{background:var(--deep);color:var(--on-deep);border-block:4px solid var(--ink)}
.s4rt4-why::before{background:radial-gradient(circle,var(--teal) 27%,transparent 29%) 0 0/9px 9px;opacity:.8}
.s4rt4-why h2{color:var(--on-deep);mix-blend-mode:normal;background:none;text-shadow:5px 4px 0 var(--teal)}
.s4rt4-why .s4rt4-eyebrow{color:var(--on-deep-2)!important;border-top-color:var(--orange-soft)}
.s4rt4-why a{color:var(--orange-pale)}.s4rt4-why a:hover{color:#fff}
.s4rt4-why-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:1.4rem clamp(1.6rem,4vw,4rem);align-items:start}
.s4rt4-why-grid .s4rt4-head2{grid-row:1/3;position:sticky;top:96px}
.s4rt4-why-text p,.s4rt4-hl p{max-width:60ch}
.s4rt4-why-text p:first-child{font-size:1.18rem}
.s4rt4-hl{border-top:4px dotted var(--deep-rule);padding-top:1.1rem}

/* articles, faq */
.s4rt4-article{max-width:var(--measure);margin-inline:auto}
.s4rt4-article .s4rt4-eyebrow{margin-bottom:.8rem}
.s4rt4-article .s4rt4-lead{font-size:1.25rem;margin-top:.4rem}
.s4rt4-article figure{margin:0 0 1.8rem;position:relative}
.s4rt4-article figure img{border:4px solid var(--ink);box-shadow:8px 8px 0 var(--teal);width:100%}
.s4rt4-article figcaption{font-size:.92rem;color:var(--ink-2);margin-top:.9rem}
.s4rt4-article img{border-radius:0}
.s4rt4-article ul,.s4rt4-article ol{padding-left:1.4rem;max-width:var(--measure)}
.s4rt4-article li{margin-bottom:.4em}
.s4rt4-article strong{color:var(--ink)}
.s4rt4-sources{font-size:.98rem;border-top:4px dotted var(--teal);padding-top:1.1rem;margin-top:2.4rem}.s4rt4-sources ol{padding-left:1.3rem}
.s4rt4-faq details{border:3px solid var(--ink);background:var(--paper-hi);margin:0 0 1rem;box-shadow:5px 5px 0 var(--teal-pale)}
.s4rt4-faq summary{cursor:pointer;font:800 1.15rem/1.3 var(--head);color:var(--teal-deep);padding:.95rem 3.2rem .95rem 1.1rem;min-height:48px;position:relative;list-style:none}
.s4rt4-faq summary::-webkit-details-marker{display:none}
.s4rt4-faq summary::after{content:"+";position:absolute;right:1rem;top:50%;transform:translateY(-50%);font:800 1.8rem/1 var(--head);color:var(--ink)}
.s4rt4-faq details[open]{box-shadow:0 0 0 var(--teal-pale);transform:translate(5px,5px)}
.s4rt4-faq details[open] summary::after{content:"\2212"}
.s4rt4-faq details[open] summary{background:var(--orange-pale);border-bottom:3px solid var(--ink)}
.s4rt4-faq details > :not(summary){margin-inline:1.1rem}
.s4rt4-faq details > p:last-child{margin-bottom:1.1rem}
.s4rt4-faq details > summary + *{margin-top:1rem}
.s4rt4-calc{background:var(--paper-hi)}
.s4rt4-calc output{font:800 2.2rem/1.1 var(--head);display:inline-block;margin-top:.8rem;color:var(--ink);padding:.1em .3em;background:var(--orange-soft);box-shadow:6px 5px 0 var(--teal)}
.s4rt4-apply-shell{background:#fff;border:4px solid var(--ink);box-shadow:10px 10px 0 var(--orange);padding:1rem;min-height:600px}
.s4rt4-apply-shell iframe{width:100%;border:0}

/* footer */
.s4rt4-foot{background:var(--deep);color:var(--on-deep);border-top:6px solid var(--orange);padding:2.8rem 0;font-size:1rem}
.s4rt4-foot a{color:var(--on-deep)}
.s4rt4-foot .s4rt4-brand{color:var(--on-deep)}
.s4rt4-foot .s4rt4-brand:hover{color:var(--orange-pale)}
.s4rt4-foot .s4rt4-brand img{border-color:var(--on-deep)}
.s4rt4-foot-grid{display:grid;gap:1.8rem 2rem;grid-template-columns:2fr 1fr 1fr}
@media (max-width:760px){.s4rt4-foot-grid{grid-template-columns:1fr}}
.s4rt4-foot nav strong{display:block;font:800 1.05rem var(--head);letter-spacing:.04em;color:var(--orange-soft);margin-bottom:.4rem}
.s4rt4-foot nav a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-weight:700}
.s4rt4-foot nav a:hover{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:3px;color:#fff}
.s4rt4-foot p{color:var(--on-deep);max-width:52ch}
.s4rt4-foot p a{text-decoration-color:var(--orange-soft)}

/* weather placeholder + reveal stays visible */
[data-reveal]{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* tablet and phone */
@media (max-width:980px){
  .s4rt4-hero-grid{grid-template-columns:1fr}
  .s4rt4-cover{aspect-ratio:1/1;max-width:520px;width:calc(100% - 12px)}
  .s4rt4-hero-head{max-width:none}
  .s4rt4-steps{grid-template-columns:1fr}
  .s4rt4-steps .s4rt4-card:nth-child(n){margin-top:0}
  .s4rt4-why-grid{grid-template-columns:1fr}
  .s4rt4-why-grid .s4rt4-head2{grid-row:auto;position:static}
  .s4rt4-learn-list{grid-template-columns:1fr}
}
@media (max-width:760px){
  .s4rt4-menu{display:inline-flex}
  .s4rt4-links{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper-hi);border-bottom:4px solid var(--teal-deep);box-shadow:0 5px 0 var(--orange);flex-direction:column;align-items:stretch;padding:.8rem 16px 1.1rem;gap:.2rem}
  .s4rt4-links[data-open]{display:flex}
  .s4rt4-links a{min-height:52px}
  .s4rt4-links a.s4rt4-cta{margin:.6rem 0 0;justify-content:center}
  .s4rt4-wx-source{margin-left:0;width:100%}
  .s4rt4-wx-now strong{font-size:2rem}
  .s4rt4-mosaic{grid-template-columns:1fr}
  .s4rt4-mosaic a:first-child{grid-row:auto;aspect-ratio:8/5;min-height:0}
  .s4rt4-brand{font-size:1.2rem}
}
@media (max-width:420px){
  .s4rt4-wrap{padding-inline:14px}
  .s4rt4-quote{box-shadow:8px 8px 0 var(--teal)}
  .s4rt4-btn{width:100%;font-size:1.05rem;padding:0 1rem}
  .s4rt4-acts{display:grid}
  .s4rt4-result .s4rt4-btn{width:auto}
}
.s4rt4-article .s4rt4-card h2{border:0;box-shadow:none;margin:0 0 .6em;padding:0;font-size:1.3rem!important}
.s4rt4-calc output{margin-bottom:1rem}