/* Life Insurance Union City: the shoes-off front entry. Black rubber boot tray, ribbed coir mat, lace-blue and sneaker-orange,
   one swooping rail down the page with starburst nodes where each section hangs, active states snap into a starburst. */
@font-face{font-family:"Zilla Slab";src:url(/assets/font-r6s7vpzr-zilla-slab-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Zilla Slab";src:url(/assets/font-r6s7vpzr-zilla-slab-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/assets/font-r6s7vpzr-source-sans-3-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/assets/font-r6s7vpzr-source-sans-3-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --tile:#EDEFEE;--tile-2:#DDE2E1;--card:#FAFBFA;--ink:#1B2226;--ink-2:#414C52;--line:#9AA6AA;
  --tray:#23292D;--tray-2:#313A40;--tray-line:#4A565C;--tray-ink:#EDEFEE;--tray-ink-2:#BCC6CA;
  --coir:#9C7A52;--coir-dk:#7B5E3D;
  --cobalt:#1B46C4;--orange:#C73A12;--lime:#C6EA3C;
  --seal:polygon(50.0% 0.0%,60.6% 10.4%,75.0% 6.7%,79.0% 21.0%,93.3% 25.0%,89.6% 39.4%,100.0% 50.0%,89.6% 60.6%,93.3% 75.0%,79.0% 79.0%,75.0% 93.3%,60.6% 89.6%,50.0% 100.0%,39.4% 89.6%,25.0% 93.3%,21.0% 79.0%,6.7% 75.0%,10.4% 60.6%,0.0% 50.0%,10.4% 39.4%,6.7% 25.0%,21.0% 21.0%,25.0% 6.7%,39.4% 10.4%);
  --star:polygon(50% 0%,58% 30.6%,85.4% 14.6%,69.4% 42%,100% 50%,69.4% 58%,85.4% 85.4%,58% 69.4%,50% 100%,42% 69.4%,14.6% 85.4%,30.6% 58%,0% 50%,30.6% 42%,14.6% 14.6%,42% 30.6%);
  --head:"Zilla Slab",Rockwell,"Roboto Slab",serif;--body:"Source Sans 3",Verdana,sans-serif;
  --leaf:4px 26px 4px 26px;--leaf-s:3px 14px 3px 14px;
  --pl:56px;--rx:22px;--measure:68ch;--maxw:1240px;--rail:var(--ink);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--tile);color:var(--ink);font:400 1.125rem/1.6 var(--body)}
::selection{background:var(--lime);color:var(--ink)}
img{max-width:100%;height:auto;display:block}
a{color:var(--cobalt);text-underline-offset:.2em;text-decoration-thickness:2px}
a:hover{color:var(--orange)}
:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}
h1,h2,h3{font-family:var(--head);font-weight:700;line-height:1.08;margin:0 0 .5em;text-wrap:balance;letter-spacing:-.005em}
h1{font-size:clamp(2.3rem,5.6vw,4.5rem)}
h2{font-size:clamp(1.9rem,4vw,3rem)}
h3{font-size:1.45rem}
p{margin:0 0 1em;max-width:var(--measure)}
.scrwh-wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:20px}
.scrwh-skip{position:absolute;left:12px;top:-70px;background:var(--tray);color:var(--lime);padding:.7rem 1rem;z-index:99;font-weight:700}
.scrwh-skip:focus{top:8px}.scrwh-skip:hover{color:var(--lime)}

/* ---- the rail: one swooping spine that sections hang from ---- */
main > section:not(.scrwh-wx) > .scrwh-wrap{position:relative;padding:3.4rem 20px 3.4rem var(--pl)}
main > section:not(.scrwh-wx) > .scrwh-wrap::before{content:"";position:absolute;left:var(--rx);top:0;bottom:0;width:6px;margin-left:-3px;background:var(--rail)}
main > section:not(.scrwh-wx) > .scrwh-wrap > .scrwh-eyebrow,.scrwh-hero-copy > .scrwh-eyebrow{position:relative}
.scrwh-eyebrow{font:700 .95rem/1.2 var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:0 0 .9rem;min-height:30px;display:flex;align-items:center}
main > section:not(.scrwh-wx) > .scrwh-wrap > .scrwh-eyebrow::before,.scrwh-hero-copy > .scrwh-eyebrow::before{content:"";position:absolute;left:calc(var(--rx) - var(--pl) - 17px);top:50%;width:34px;height:34px;margin-top:-17px;background:var(--rail);clip-path:var(--star)}
main > section:not(.scrwh-wx) > .scrwh-wrap > .scrwh-eyebrow::after,.scrwh-hero-copy > .scrwh-eyebrow::after{content:"";position:absolute;left:calc(var(--rx) - var(--pl) - 10px);top:50%;width:20px;height:20px;margin-top:-10px;background:var(--lime);clip-path:var(--star)}
.scrwh-board,.scrwh-hero .scrwh-wrap{--rail:var(--ink)}
.scrwh-board{--rail:var(--lime)}
.scrwh-board .scrwh-eyebrow::after{background:var(--cobalt)!important}

/* ---- header ---- */
.scrwh-head{background:var(--tile);border-bottom:6px solid var(--ink);position:relative}
.scrwh-head::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:6px;background:repeating-linear-gradient(90deg,var(--coir) 0 6px,var(--coir-dk) 6px 9px)}
.scrwh-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem 1.5rem;padding-block:.45rem}
.scrwh-brand{display:inline-flex;align-items:center;gap:.6rem;font:700 1.4rem/1.1 var(--head);text-decoration:none;min-height:48px;color:var(--ink)}
.scrwh-brand:hover{color:var(--cobalt)}
.scrwh-brand img{width:34px;height:34px}
.scrwh-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 .3rem;font:600 1.1rem var(--head)}
.scrwh-links a{position:relative;display:inline-flex;align-items:center;min-height:48px;padding:0 .85rem;text-decoration:none;color:var(--ink)}
.scrwh-links a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:4px;text-underline-offset:.3em}
.scrwh-links a:not(.scrwh-cta)::before{content:"";position:absolute;left:-2px;top:50%;width:0;height:0;background:var(--lime);clip-path:var(--star);transform:translateY(-50%) rotate(0);transition:width .2s,height .2s}
.scrwh-links a:not(.scrwh-cta):hover::before,.scrwh-links a:not(.scrwh-cta):focus-visible::before{width:18px;height:18px;background:var(--orange)}
.scrwh-links .scrwh-cta,.scrwh-links a.scrwh-cta{background:var(--orange);color:#fff!important;padding:0 1.2rem;margin-left:.6rem;border-radius:var(--leaf-s);text-decoration:none;font-weight:700}
.scrwh-links a.scrwh-cta:hover{background:var(--ink);color:var(--lime)!important;text-decoration:none}
.scrwh-menu{display:none;align-items:center;justify-content:center;min-width:48px;min-height:48px;background:var(--tile);border:2px solid var(--ink);border-radius:var(--leaf-s);color:var(--ink);cursor:pointer}
.scrwh-menu:hover{background:var(--ink);color:var(--lime)}
@media (max-width:760px){
  .scrwh-menu{display:inline-flex}
  .scrwh-links{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:.4rem 0 .8rem}
  .scrwh-links[data-open]{display:flex}
  .scrwh-links a{min-height:52px;border-top:1px solid var(--line)}
  .scrwh-links .scrwh-cta,.scrwh-links a.scrwh-cta{margin:.6rem 0 0;justify-content:center;border-top:0}
}

/* ---- weather strip: the tray's top lip ---- */
.scrwh-wx{background:var(--tray);color:var(--tray-ink);padding:.5rem 12px}
.scrwh-wx a{color:var(--lime)}
.scrwh-wx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 2rem;padding-block:.75rem}
.scrwh-wx-photo{display:inline-flex;align-items:center;gap:.7rem;background:none;border:0;padding:0;color:var(--tray-ink);font:inherit;cursor:pointer;min-height:48px}
.scrwh-wx-photo img{width:52px;height:52px;border-radius:3px 16px 3px 16px;object-fit:cover;border:2px solid var(--tray-line)}
.scrwh-wx-photo span{font:700 .9rem/1 var(--head);letter-spacing:.12em;text-transform:uppercase;border:2px solid var(--tray-line);padding:.6rem .75rem;border-radius:3px 12px 3px 12px;color:var(--tray-ink)}
.scrwh-wx-photo:hover span,.scrwh-wx-photo[aria-expanded=true] span{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.scrwh-wx :focus-visible{outline-color:var(--lime)}
.scrwh-wx-now{display:flex;align-items:center;gap:.9rem}
.scrwh-wx-icon{display:inline-flex;color:var(--lime)}
.scrwh-wx-now > div{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.scrwh-wx-now strong{font:700 2.4rem/1 var(--head);color:var(--lime)}
.scrwh-wx-now span{font-size:1.02rem;color:var(--tray-ink)}
.scrwh-wx-now small{display:block;font-size:.9rem;color:var(--tray-ink-2)}
.scrwh-wx-days{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.scrwh-wx-days li{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:.6rem;align-items:center;border:2px solid var(--tray-line);border-radius:3px 14px 3px 14px;padding:.35rem .75rem;min-width:124px;color:var(--tray-ink);background:var(--tray-2)}
.scrwh-wx-day{font:700 .9rem var(--head);letter-spacing:.1em;text-transform:uppercase;grid-column:1;color:var(--tray-ink)}
.scrwh-wx-glyph{grid-row:1/3;grid-column:2;color:var(--lime);display:inline-flex}.scrwh-wx-glyph svg{width:24px;height:24px}
.scrwh-wx-hl{grid-column:1}.scrwh-wx-hl strong{font:700 1.1rem var(--head);color:var(--lime)}.scrwh-wx-hl em{font-style:normal;color:var(--tray-ink-2);margin-left:.35rem}
.scrwh-wx-cond{grid-column:1/3;font-size:.82rem;color:var(--tray-ink-2);max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scrwh-wx-source{margin-left:auto;font-size:.88rem;color:var(--tray-ink-2)}
.scrwh-wx-panel{padding-bottom:1rem}
.scrwh-wx-panel img{max-width:600px;width:100%;background:var(--tray-2);border:3px solid var(--tray-line);border-radius:3px 20px 3px 20px}
.scrwh-wx-panel p{font-size:.9rem;color:var(--tray-ink-2);margin:.5rem 0 0}

/* ---- hero ---- */
.scrwh-hero{position:relative;overflow:hidden;background:var(--tile)}
.scrwh-hero > .scrwh-wrap{padding-bottom:7rem!important}
.scrwh-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:1.5rem clamp(1.5rem,4vw,4rem);align-items:center}
.scrwh-hero h1{transform:rotate(-1.2deg);transform-origin:0 100%;max-width:17ch;font-size:clamp(2.45rem,5.8vw,5rem);margin-bottom:.55em}
.scrwh-lead{font-size:1.28rem;line-height:1.5;color:var(--ink);max-width:56ch;margin:0 0 1em}
.scrwh-trust{list-style:none;margin:1rem 0 1.4rem;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.45rem 1.5rem;font-size:1.05rem;color:var(--ink-2)}
.scrwh-trust li{display:flex;gap:.65rem;align-items:flex-start}
.scrwh-trust li::before{content:"";flex:none;width:1.05rem;height:1.05rem;margin-top:.28rem;background:var(--orange);clip-path:var(--star)}
.scrwh-acts{display:flex;flex-wrap:wrap;gap:.8rem;margin:0}
.scrwh-entry{align-self:end}
.scrwh-entry svg{display:block;width:100%;height:auto;max-width:640px;margin-left:auto}
.scrwh-swoop{position:absolute;left:0;right:0;bottom:-1px;height:78px;pointer-events:none}
.scrwh-swoop svg{display:block;width:100%;height:100%}

.scrwh-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:56px;padding:0 1.7rem;font:700 1.2rem var(--head);letter-spacing:.01em;text-decoration:none;border:3px solid var(--ink);border-radius:var(--leaf-s);cursor:pointer}
.scrwh-btn--primary{background:var(--orange);color:#fff;border-color:var(--ink);box-shadow:5px 5px 0 var(--ink)}
.scrwh-btn--primary:hover{background:var(--lime);color:var(--ink)}
.scrwh-btn--ghost{background:var(--card);color:var(--ink)}
.scrwh-btn--ghost:hover{background:var(--ink);color:var(--lime)}
.scrwh-btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}
.scrwh-btn[disabled]{opacity:.65;cursor:progress}

/* ---- price board (rates) ---- */
.scrwh-board{background:var(--cobalt);color:#fff;position:relative}
.scrwh-board > .scrwh-wrap{padding-top:4.6rem!important}
.scrwh-board .scrwh-eyebrow{color:var(--lime)}
.scrwh-board h2{color:#fff;transform:rotate(-1deg);transform-origin:0 100%;max-width:20ch}
.scrwh-board p{color:#fff;max-width:70ch;font-size:1.05rem}
.scrwh-board a{color:#fff}
.scrwh-board :focus-visible{outline-color:var(--lime)}
.scrwh-board .scrwh-table-wrap{margin-top:1.6rem;overflow-x:auto}
.scrwh-board .scrwh-table{width:100%;border-collapse:collapse}
.scrwh-board .scrwh-table thead th{font:700 .85rem/1.2 var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--lime);text-align:center;padding:.2rem .4rem .8rem;vertical-align:bottom;border-bottom:3px solid var(--lime)}
.scrwh-board .scrwh-table thead th:first-child{text-align:left}
.scrwh-board .scrwh-table td{padding:.65rem .4rem;border-bottom:2px dashed rgba(255,255,255,.4);text-align:center;vertical-align:middle;color:#fff;font:700 clamp(1.15rem,2.6vw,1.8rem)/1 var(--head)}
.scrwh-board .scrwh-table td:first-child{text-align:left;font-size:clamp(1.05rem,2.2vw,1.6rem);line-height:1.1}
.scrwh-board .scrwh-table td:nth-child(2){position:relative;z-index:0;color:var(--lime);font-size:clamp(1.2rem,2.3vw,1.65rem);padding-block:2.5rem}
.scrwh-board .scrwh-table td:nth-child(2)::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:4em;height:4em;transform:translate(-50%,-50%);background:var(--tray);clip-path:var(--seal)}
.scrwh-board .scrwh-table td:nth-child(4){color:var(--lime)}

/* ---- sections ---- */
.scrwh-section{background:var(--tile)}
.scrwh-section--soft{background:repeating-linear-gradient(90deg,var(--coir) 0 6px,var(--coir-dk) 6px 9px) top/100% 12px no-repeat,var(--tile-2);padding-top:12px}
.scrwh-section--deep{background:var(--tray);color:var(--tray-ink);--rail:var(--lime)}
.scrwh-section--deep h2,.scrwh-section--deep h3,.scrwh-section--deep p,.scrwh-section--deep .scrwh-eyebrow{color:var(--tray-ink)}
.scrwh-section--deep a{color:var(--lime)}
.scrwh-section--deep :focus-visible{outline-color:var(--lime)}
.scrwh-sec{background:var(--tile)}
.scrwh-sec h2{transform:rotate(-1deg);transform-origin:0 100%;max-width:22ch}
.scrwh-cols{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.scrwh-card{background:var(--card);border:3px solid var(--ink);border-radius:var(--leaf);padding:1.3rem 1.3rem 1.1rem}
.scrwh-num{display:grid;place-items:center;width:4rem;height:4rem;margin-bottom:.7rem;background:var(--lime);clip-path:var(--star);color:var(--ink);font:700 1.5rem/1 var(--head)}
.scrwh-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2rem;align-items:start}
.scrwh-steps .scrwh-card:nth-child(2){margin-top:1.8rem}
.scrwh-steps .scrwh-card:nth-child(3){margin-top:3.6rem}
.scrwh-steps h3{font-size:1.65rem;margin:.2rem 0 .5rem}
.scrwh-steps p{margin:0;color:var(--ink-2);font-size:1.08rem}

/* ---- quote panel + forms ---- */
.scrwh-panel{background:repeating-linear-gradient(90deg,var(--coir) 0 6px,var(--coir-dk) 6px 9px) top/100% 12px no-repeat,var(--tile-2);padding-top:12px}
.scrwh-quote{position:relative;background:var(--card);border:3px solid var(--ink);border-radius:6px 40px 6px 40px;padding:1.6rem clamp(1.1rem,3vw,2.2rem) 1.8rem;box-shadow:8px 8px 0 var(--tray)}
.scrwh-quote h2{font-size:clamp(1.7rem,3.4vw,2.5rem);max-width:none;transform:none}
.scrwh-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem 2rem;margin-top:1.3rem}
.scrwh-field{display:flex;flex-direction:column;gap:.4rem;border:0;margin:0;padding:0;min-width:0}
.scrwh-field--wide{grid-column:1/-1}
.scrwh-field > span{font:700 1.12rem var(--head);letter-spacing:.01em}
.scrwh-field input,.scrwh-field select,.scrwh-field textarea{font:400 1.125rem var(--body);min-height:50px;padding:.6rem .8rem;border:2px solid var(--ink);border-radius:3px 12px 3px 12px;background:#fff;color:var(--ink);width:100%}
.scrwh-field textarea{min-height:150px}
.scrwh-field input:focus,.scrwh-field select:focus,.scrwh-field textarea:focus{outline:3px solid var(--cobalt);outline-offset:2px}
.scrwh-seg{display:flex;flex-wrap:wrap;gap:.55rem}
.scrwh-seg label{position:relative;display:block;border:0;padding:0;border-radius:0;background:none}
.scrwh-seg input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.scrwh-seg label > span{display:flex;align-items:center;gap:.5rem;min-height:50px;padding:0 1.1rem;border:2px solid var(--ink);border-radius:3px 14px 3px 14px;background:#fff;color:var(--ink);font:700 1.1rem var(--head);margin:0}
.scrwh-seg input:hover:not(:checked) + span{background:var(--tile-2)}
.scrwh-seg input:checked + span{background:var(--tray);color:var(--lime);margin:0;padding:0 1.1rem;border-radius:3px 14px 3px 14px;display:flex}
.scrwh-seg input:checked + span::before{content:"";flex:none;width:1.25rem;height:1.25rem;background:var(--lime);clip-path:var(--star)}
.scrwh-seg label:has(input:checked){background:none;border:0}
.scrwh-seg input:focus-visible + span{outline:3px solid var(--cobalt);outline-offset:3px}
.scrwh-note{margin:1.3rem 0 1rem;color:var(--ink-2);font-size:1rem;max-width:62ch}
.scrwh-status{margin-top:.8rem;min-height:1.5rem;font-weight:700}
.scrwh-status[data-tone=error]{color:#A61F00}

/* ---- quote results ---- */
.scrwh-results{margin-top:1.8rem}
.scrwh-summary{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;align-items:baseline;margin-bottom:1rem;border-top:4px solid var(--ink);padding-top:.8rem;color:var(--ink)}
.scrwh-summary strong{font:700 1.5rem var(--head)}
.scrwh-result{position:relative;display:grid;grid-template-columns:1fr auto;gap:.6rem 1.4rem;align-items:center;border:3px solid var(--ink);border-left-width:12px;border-left-color:var(--cobalt);border-radius:3px 22px 3px 22px;padding:1rem 1.2rem;margin-bottom:.8rem;background:var(--card);color:var(--ink)}
.scrwh-result--best{border-left-color:var(--orange);box-shadow:6px 6px 0 var(--lime)}
.scrwh-result--best::before{content:"";position:absolute;right:14px;top:-18px;width:36px;height:36px;background:var(--orange);clip-path:var(--star)}
.scrwh-result strong{font:700 1.35rem var(--head)}
.scrwh-result small{display:block;color:var(--ink-2);font-size:.95rem}
.scrwh-price{font:700 2rem/1 var(--head);text-align:right;background:var(--tray);color:var(--lime);padding:.6rem .9rem;border-radius:3px 14px 3px 14px;font-variant-numeric:tabular-nums}
.scrwh-price small{display:block;font:600 .8rem/1.2 var(--head);color:var(--tray-ink-2);text-align:right;margin-top:.3rem;letter-spacing:.04em}
.scrwh-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.45rem}
.scrwh-tag{font:700 .82rem/1 var(--head);letter-spacing:.07em;text-transform:uppercase;padding:.4rem .6rem;border:2px solid var(--ink);background:var(--tile-2);color:var(--ink);border-radius:2px 10px 2px 10px}
.scrwh-tag--now{background:var(--orange);color:#fff;border-color:var(--orange)}
.scrwh-group{font:700 1.55rem var(--head);margin:1.6rem 0 .5rem;color:var(--ink)}
.scrwh-applicant{margin:.2rem 0 1rem;padding:1.2rem;border:2px solid var(--ink);background:var(--card);border-radius:3px 20px 3px 20px;color:var(--ink)}
.scrwh-result .scrwh-btn{grid-column:1/-1;justify-self:start}
@media (min-width:640px){.scrwh-result{grid-template-columns:1fr auto auto}.scrwh-result .scrwh-btn{grid-column:auto}}
.scrwh-disclosure{font-size:.92rem;color:var(--ink-2);border-top:2px solid var(--line);padding-top:.9rem;margin-top:1rem}
details.scrwh-more{margin-top:.5rem;font-size:.95rem}details.scrwh-more summary{cursor:pointer;color:var(--cobalt);font-weight:700;min-height:32px}
.scrwh-noexam{background:var(--card);border:3px solid var(--ink);border-radius:4px 28px 4px 28px;padding:1.1rem 1.2rem .5rem;margin:0 0 1.5rem;box-shadow:6px 6px 0 var(--tray);color:var(--ink)}
.scrwh-group--noexam{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:0;font-size:1.4rem}
.scrwh-noexam-badge{display:inline-block;background:var(--tray);color:var(--lime);font:700 .85rem/1 var(--head);letter-spacing:.1em;text-transform:uppercase;padding:.5rem .75rem;border-radius:2px 10px 2px 10px}
.scrwh-noexam-note{margin-bottom:.9rem;color:var(--ink)}
.scrwh-result--noexam{border-left-color:var(--tray)}
.scrwh-tag--noexam{background:var(--tray);color:var(--lime);border-color:var(--tray)}
.scrwh-tag--usually{background:var(--card);color:var(--ink);border-color:var(--ink)}
.scrwh-noexam-note + .scrwh-noexam-note{margin-top:1rem;padding-top:.9rem;border-top:2px dashed var(--ink)}

/* ---- tables on light pages ---- */
.scrwh-table{width:100%;border-collapse:collapse;font-size:1.05rem}
.scrwh-table th,.scrwh-table td{padding:.7rem .75rem;border-bottom:1px solid var(--line);text-align:left}
.scrwh-table th{font:700 .88rem var(--head);text-transform:uppercase;letter-spacing:.09em;border-bottom:3px solid var(--ink)}
.scrwh-table-wrap{overflow-x:auto}

/* ---- why section ---- */
.scrwh-why{background:var(--tile)}
.scrwh-why-text{columns:2;column-gap:3rem;margin-top:1.4rem;max-width:1000px}
.scrwh-why-text p{break-inside:avoid;max-width:none;margin:0 0 1rem}
.scrwh-hl{margin:1.2rem 0 0;max-width:80ch;color:var(--ink-2)}
.scrwh-hl a{color:var(--cobalt)}
.scrwh-mosaic{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:1.1rem;margin-top:2.2rem}
.scrwh-mosaic a{position:relative;display:block;text-decoration:none;color:var(--tray-ink);background:var(--tray);border:4px solid var(--ink);border-radius:4px 26px 4px 26px;overflow:hidden}
.scrwh-mosaic img{display:block;width:100%;height:clamp(170px,22vw,300px);object-fit:cover;background:var(--tray-2)}
.scrwh-mosaic span{position:static;display:block;padding:.7rem 1rem .8rem;font:700 1.12rem/1.25 var(--head);background:var(--tray);color:var(--tray-ink)}
.scrwh-mosaic a:hover span{color:var(--lime);text-decoration:underline;text-underline-offset:.2em}
.scrwh-mosaic a:hover{box-shadow:6px 6px 0 var(--lime)}

/* ---- learn list ---- */
.scrwh-learn-list{margin-top:1.8rem;border-top:4px solid var(--ink)}
.scrwh-learn-list .scrwh-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) 40px;gap:.2rem 2rem;align-items:center;padding:1.15rem .3rem;margin:0;border:0;border-bottom:2px solid var(--line);border-radius:0;background:transparent;text-decoration:none;min-height:56px;color:var(--ink)}
.scrwh-learn-list h3{font-size:1.6rem;margin:0}
.scrwh-learn-list p{margin:0;color:var(--ink-2)}
.scrwh-learn-list .scrwh-card::after{content:"";justify-self:end;width:34px;height:34px;background:var(--ink);clip-path:var(--star);transition:transform .25s,background .2s}
.scrwh-learn-list .scrwh-card:hover{background:var(--card)}
.scrwh-learn-list .scrwh-card:hover::after,.scrwh-learn-list .scrwh-card:focus-visible::after{background:var(--orange);transform:rotate(22.5deg) scale(1.15)}
.scrwh-learn-list .scrwh-card:hover h3{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:3px;text-underline-offset:.15em}

/* ---- articles, faq, sources ---- */
.scrwh-article{max-width:880px}
.scrwh-article > p,.scrwh-lead + p{max-width:var(--measure)}
.scrwh-article h1{max-width:18ch;transform:rotate(-1deg);transform-origin:0 100%;margin-bottom:.6em}
.scrwh-article h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-top:2rem}
.scrwh-article figure{margin:0 0 1.6rem}
.scrwh-article figcaption{font-size:.9rem;color:var(--ink-2);margin-top:.45rem}
.scrwh-article img{border:4px solid var(--ink);border-radius:4px 28px 4px 28px}
.scrwh-sources{font-size:1rem;border-top:4px solid var(--ink);padding-top:1rem;margin-top:2.2rem}.scrwh-sources ol{padding-left:1.3rem}
.scrwh-section > .scrwh-wrap > h1,.scrwh-section--soft > .scrwh-wrap > h1{transform:rotate(-1deg);transform-origin:0 100%;max-width:18ch}
.scrwh-faq{margin-top:1.4rem;border-top:4px solid var(--ink)}
.scrwh-faq details{border-bottom:2px solid var(--line);padding:.4rem 0}
.scrwh-faq summary{cursor:pointer;font:700 1.35rem/1.4 var(--head);min-height:52px;display:flex;align-items:center;gap:.9rem;list-style:none;padding:.4rem 0}
.scrwh-faq summary::-webkit-details-marker{display:none}
.scrwh-faq summary::before{content:"";flex:none;width:1.5rem;height:1.5rem;background:var(--ink);clip-path:var(--star);transition:transform .25s}
.scrwh-faq summary:hover{color:var(--cobalt)}
.scrwh-faq details[open] summary::before{background:var(--orange);transform:rotate(22.5deg) scale(1.15)}
.scrwh-faq details p{margin:.2rem 0 1rem 2.4rem}
.scrwh-calc{background:var(--card);border:3px solid var(--ink);border-radius:4px 28px 4px 28px;padding:1.3rem;margin:1.5rem 0;box-shadow:6px 6px 0 var(--tray)}
.scrwh-calc h2{transform:none}
.scrwh-calc .scrwh-fields{margin-top:1rem}
.scrwh-calc output{display:inline-block;font:700 2.2rem/1 var(--head);background:var(--tray);color:var(--lime);padding:.65rem 1rem;margin-top:.9rem;border-radius:3px 14px 3px 14px}

/* ---- footer: the mat under the tray ---- */
.scrwh-foot{background:var(--tray);color:var(--tray-ink);padding:3rem 0 2.4rem;font-size:1rem;position:relative;margin-top:12px}
.scrwh-foot::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px;background:repeating-linear-gradient(90deg,var(--coir) 0 6px,var(--coir-dk) 6px 9px)}
.scrwh-foot-grid{display:grid;gap:2rem;grid-template-columns:1.6fr 1fr 1fr}
.scrwh-foot p{margin:.8rem 0 0;color:var(--tray-ink-2)}
.scrwh-foot .scrwh-brand{color:var(--tray-ink)}
.scrwh-foot nav{display:flex;flex-direction:column}
.scrwh-foot nav strong{font:700 1.2rem var(--head);margin-bottom:.4rem;color:var(--lime);letter-spacing:.02em}
.scrwh-foot a{color:var(--tray-ink)}
.scrwh-foot nav a,.scrwh-foot p a{display:inline-flex;align-items:center;min-height:44px}
.scrwh-foot a:hover,.scrwh-foot .scrwh-brand:hover{color:var(--lime)}
.scrwh-foot :focus-visible{outline-color:var(--lime)}
.scrwh-foot .scrwh-wrap p{font-size:.9rem!important;max-width:90ch;color:var(--tray-ink-2)}
.scrwh-apply-shell{background:#fff;border:3px solid var(--ink);border-radius:4px 28px 4px 28px;padding:1rem;min-height:600px;color:var(--ink)}
.scrwh-apply-shell iframe{width:100%;border:0}
[data-reveal]{opacity:1;transform:none}

/* ---- narrow screens: the swoop turns into a vertical spine ---- */
@media (max-width:900px){
  :root{--pl:44px;--rx:16px}
  .scrwh-hero-grid{grid-template-columns:1fr}
  .scrwh-entry{order:2;max-width:480px}
  .scrwh-entry svg{margin:0}
  .scrwh-hero > .scrwh-wrap{padding-bottom:6rem!important}
  .scrwh-steps{grid-template-columns:1fr}
  .scrwh-steps .scrwh-card:nth-child(n){margin-top:0}
  .scrwh-why-text{columns:1}
  .scrwh-mosaic{grid-template-columns:1fr 1fr}
  .scrwh-mosaic a:first-child{grid-column:1/-1}
  .scrwh-learn-list .scrwh-card{grid-template-columns:minmax(0,1fr) 40px}
  .scrwh-learn-list .scrwh-card p{grid-column:1}
  .scrwh-learn-list .scrwh-card::after{grid-row:1/3;grid-column:2}
  .scrwh-wx-source{margin-left:0;flex-basis:100%}
  .scrwh-foot-grid{grid-template-columns:1fr 1fr}
  .scrwh-foot-grid > div:first-child{grid-column:1/-1}
  .scrwh-swoop{height:56px}
}
@media (max-width:560px){
  :root{--pl:36px;--rx:13px}
  .scrwh-wrap{padding-inline:14px}
  main > section:not(.scrwh-wx) > .scrwh-wrap{padding:2.4rem 14px 2.4rem var(--pl)}
  main > section:not(.scrwh-wx) > .scrwh-wrap > .scrwh-eyebrow::before,.scrwh-hero-copy > .scrwh-eyebrow::before{width:26px;height:26px;margin-top:-13px;left:calc(var(--rx) - var(--pl) - 13px)}
  main > section:not(.scrwh-wx) > .scrwh-wrap > .scrwh-eyebrow::after{width:15px;height:15px;margin-top:-7.5px;left:calc(var(--rx) - var(--pl) - 7.5px)}
  .scrwh-brand{font-size:1.15rem;gap:.45rem}
  .scrwh-nav{flex-wrap:nowrap;gap:.5rem}
  .scrwh-links{position:absolute;left:0;right:0;top:100%;background:var(--tile);padding-inline:14px;z-index:30;border-bottom:6px solid var(--ink)}
  .scrwh-trust{grid-template-columns:1fr}
  .scrwh-btn{flex:1 1 100%}
  .scrwh-fields{grid-template-columns:1fr}
  .scrwh-quote{padding:1.2rem 1rem 1.4rem;box-shadow:5px 5px 0 var(--tray)}
  .scrwh-mosaic{grid-template-columns:1fr}
  .scrwh-foot-grid{grid-template-columns:1fr}
  .scrwh-result{grid-template-columns:1fr;border-left-width:10px}
  .scrwh-price{justify-self:start;text-align:left}.scrwh-price small{text-align:left}
  .scrwh-wx-days li{min-width:0;padding:.3rem .6rem}
  .scrwh-wx-now strong{font-size:2.1rem}
  .scrwh-board .scrwh-table thead th{font-size:.74rem;letter-spacing:.04em;padding-inline:.15rem}
  .scrwh-board .scrwh-table td{padding-inline:.15rem}
  .scrwh-board .scrwh-table td:first-child{font-size:1.02rem}
  .scrwh-board .scrwh-table td:nth-child(2){font-size:1.15rem}
  .scrwh-board .scrwh-table td:nth-child(2)::before{width:4em;height:4em}
  .scrwh-board .scrwh-table td:nth-child(2){padding-block:1.8rem}
  .scrwh-faq details p{margin-left:0}
  .scrwh-hero h1{font-size:clamp(2.1rem,10vw,2.8rem)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.scrwh-board a:hover,.scrwh-wx a:hover,.scrwh-section--deep a:hover{color:var(--lime)}