/* lifeinsurancesantaclarita.vip — kraft box wrapper: kraft and cream paper, indigo block ink, vermilion seal.
   The lid carries the place; the numbered compartments are the contents map. */
@font-face{font-family:"Zen Antique";src:url(/assets/font-xbpyvkwf-zen-antique-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"BIZ UDPGothic";src:url(/assets/font-xbpyvkwf-biz-udpgothic-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"BIZ UDPGothic";src:url(/assets/font-xbpyvkwf-biz-udpgothic-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{--kraft:#D8BC8E;--kraft-deep:#C5A572;--cream:#F7EFD9;--cream-deep:#EADCB5;--field:#FFFBEE;--ink:#2A2119;--ink-soft:#4A3B2D;--indigo:#2E3F6B;--indigo-deep:#1C2745;--indigo-pale:#C9D2EC;--seal:#B3281A;--seal-deep:#8F1E13;--alert:#8F1E13;
--display:"Zen Antique","Hiragino Mincho ProN","Yu Mincho",Georgia,serif;--body:"BIZ UDPGothic","Hiragino Sans","Yu Gothic",Verdana,sans-serif;--measure:42rem;--maxw:74rem;--ease:cubic-bezier(.2,.8,.2,1);
--fibre:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .25 0 0 0 0 .12 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background-color:var(--kraft);background-image:var(--fibre);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.65}
::selection{background:var(--indigo);color:var(--cream)}
img{display:block;max-width:100%;height:auto}
a{color:var(--indigo);text-underline-offset:.2em;text-decoration-thickness:1.5px}
a:hover{color:var(--seal-deep);text-decoration-thickness:2.5px}
:focus-visible{outline:3px solid var(--indigo);outline-offset:3px;border-radius:2px}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.18;margin:0 0 .55em;letter-spacing:0;text-wrap:balance;color:var(--ink)}
h1{font-size:clamp(2.2rem,4.4vw,3.6rem)}
h2{font-size:clamp(1.7rem,3vw,2.5rem)}
h3{font-size:1.3rem}
p{margin:0 0 1em;max-width:var(--measure)}
strong{font-weight:700}
.sb3s5-wrap{width:min(100% - 2.5rem,var(--maxw));margin-inline:auto}
@media (max-width:600px){.sb3s5-wrap{width:min(100% - 2rem,var(--maxw))}}
.sb3s5-skip{position:absolute;left:-999px;top:0;background:var(--indigo);color:var(--cream);padding:.75rem 1rem;z-index:99}
.sb3s5-skip:focus{left:1rem;top:1rem}
.sb3s5-skip:hover{color:var(--cream)}

/* header: a kraft rail with a dotted tear line */
.sb3s5-head{position:relative;z-index:20;background:var(--kraft-deep);border-bottom:2px solid var(--ink);box-shadow:0 5px 0 -2px var(--kraft),0 6px 0 -2px var(--ink)}
.sb3s5-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem 1.5rem;min-height:72px;padding-block:.35rem}
.sb3s5-brand{display:inline-flex;align-items:center;gap:.75rem;min-height:48px;font-family:var(--display);font-weight:400;font-size:1.3rem;line-height:1.1;color:var(--ink);text-decoration:none}
.sb3s5-brand img{display:none}
.sb3s5-brand::before{content:"";flex:none;width:34px;height:34px;background:var(--seal);border-radius:4px;box-shadow:inset 0 0 0 3px var(--seal),inset 0 0 0 5px var(--cream),inset 0 0 0 6px var(--seal)}
.sb3s5-brand:hover{color:var(--indigo)}
.sb3s5-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 1.5rem}
.sb3s5-links a{display:inline-flex;align-items:center;min-height:48px;color:var(--ink);text-decoration:none;font-weight:700;font-size:1.0625rem;background:linear-gradient(var(--seal),var(--seal)) left calc(50% + .9rem)/0 3px no-repeat;transition:background-size .35s var(--ease)}
.sb3s5-links a:not(.sb3s5-cta):hover{background-size:100% 3px;color:var(--ink)}
.sb3s5-links a.sb3s5-cta{background:var(--seal);color:var(--cream)!important;padding:0 1.3rem;border:2px solid var(--ink);border-radius:4px;margin-left:.3rem;transition:background-color .2s}
.sb3s5-links a.sb3s5-cta:hover{background:var(--seal-deep);color:var(--cream)!important}
.sb3s5-menu{display:none;align-items:center;justify-content:center;min-width:48px;min-height:48px;background:var(--cream);border:2px solid var(--ink);border-radius:4px;color:var(--ink);cursor:pointer}
@media (max-width:760px){
.sb3s5-nav{flex-wrap:nowrap}
.sb3s5-brand{font-size:1.15rem}
.sb3s5-menu{display:inline-flex}
.sb3s5-links{display:none;position:absolute;left:0;right:0;top:100%;background:var(--cream);border-bottom:2px solid var(--ink);flex-direction:column;align-items:stretch;padding:.6rem 1.25rem 1rem;gap:0}
.sb3s5-links[data-open]{display:flex}
.sb3s5-links a{border-bottom:1px dashed var(--ink-soft)}
.sb3s5-links a.sb3s5-cta{margin:.8rem 0 0;justify-content:center;border-bottom:2px solid var(--ink)}
}

/* weather: the dated slip tucked under the lid */
.sb3s5-wx{padding:0 1.25rem;background:var(--cream);color:var(--ink);border-bottom:2px dashed var(--ink-soft)}
.sb3s5-wx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.75rem;padding:.75rem 0}
.sb3s5-wx-photo{display:inline-flex;align-items:center;gap:.7rem;min-height:48px;background:none;border:0;padding:0;color:var(--ink);font:inherit;cursor:pointer}
.sb3s5-wx-photo img{width:48px;height:48px;border-radius:4px;object-fit:cover;border:2px solid var(--ink);filter:sepia(.3) saturate(.85)}
.sb3s5-wx-photo span{font-size:1rem;font-weight:700;letter-spacing:0;text-transform:none;border:2px solid var(--ink);border-radius:4px;padding:.4rem .8rem;background:var(--field)}
.sb3s5-wx-photo:hover span,.sb3s5-wx-photo[aria-expanded=true] span{background:var(--indigo);border-color:var(--indigo);color:var(--cream)}
.sb3s5-wx-now{display:flex;align-items:center;gap:.7rem}
.sb3s5-wx-now strong{font-family:var(--display);font-weight:400;font-size:2.1rem;line-height:1;color:var(--ink)}
.sb3s5-wx-now span{font-size:1.0625rem}
.sb3s5-wx-now small{display:block;font-size:.95rem;opacity:1;color:var(--ink-soft)}
.sb3s5-wx-icon{display:inline-flex;color:var(--indigo)}
.sb3s5-wx-days{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.sb3s5-wx-days li{display:grid;grid-template-columns:auto auto;column-gap:.6rem;align-items:center;border:2px dashed var(--ink-soft);border-radius:4px;padding:.4rem .7rem;font-size:.95rem;min-width:132px;background:var(--field)}
.sb3s5-wx-day{font-weight:700;grid-column:1}
.sb3s5-wx-glyph{grid-row:1/3;grid-column:2;color:var(--indigo)}.sb3s5-wx-glyph svg{width:24px;height:24px}
.sb3s5-wx-hl{grid-column:1}.sb3s5-wx-hl strong{font-size:1rem}.sb3s5-wx-hl em{font-style:normal;color:var(--ink-soft);margin-left:.3rem}
.sb3s5-wx-cond{grid-column:1/3;font-size:.9rem;color:var(--ink-soft);max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb3s5-wx-source{margin-left:auto;font-size:.9rem;color:var(--ink-soft)}
.sb3s5-wx-panel{padding:0 0 1.1rem}
.sb3s5-wx-panel img{border:2px solid var(--ink);border-radius:4px;max-width:600px;width:100%;background:var(--field)}
.sb3s5-wx-panel p{font-size:.95rem;color:var(--ink-soft);margin:.5rem 0 0}
@media (max-width:700px){.sb3s5-wx-source{margin-left:0;width:100%}.sb3s5-wx-days li{min-width:calc(50% - .3rem);flex:1 1 auto}}

/* shared caption (the origin note) */
.sb3s5-eyebrow{display:flex;align-items:center;gap:.7rem;margin:0 0 .7rem;font-size:1rem;font-weight:700;letter-spacing:0;text-transform:none;color:var(--ink-soft);max-width:none}
.sb3s5-eyebrow::after{content:"";flex:1 1 2rem;max-width:12rem;border-top:2px dotted var(--ink-soft)}
.sb3s5-lead{font-size:1.2rem;line-height:1.6;color:var(--ink)}

/* hero: the lid */
.sb3s5-hero{padding:2.2rem 0 1.6rem}
.sb3s5-lid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;background:var(--cream);border:3px solid var(--ink);border-radius:6px;box-shadow:inset 0 0 0 6px var(--cream),inset 0 0 0 8px var(--ink);padding:14px 4.6rem 14px 14px;min-height:27rem}
.sb3s5-lid-art{border:2px solid var(--ink);border-radius:2px;overflow:hidden;background:var(--cream-deep);min-height:20rem}
.sb3s5-lid-art{min-width:0}
.sb3s5-lid-art svg{display:block;width:100%;height:100%;min-height:20rem}
.sb3s5-lid-text{display:flex;align-items:center;padding:1.2rem 1.8rem 1.2rem 2.4rem}
.sb3s5-lid-name{width:100%}
.sb3s5-lid-name h1{font-size:clamp(2.3rem,4.6vw,4.2rem);line-height:1.1;margin:0 0 .5em}
.sb3s5-lid-name .sb3s5-eyebrow{margin:0}
.sb3s5-band{position:absolute;top:-3px;bottom:-3px;right:1.4rem;width:3.2rem;display:grid;place-items:center;background:var(--seal);border-inline:3px solid var(--ink);box-shadow:inset 6px 0 0 -3px var(--cream),inset -6px 0 0 -3px var(--cream)}
.sb3s5-band svg{width:2.3rem;height:2.3rem;display:block}
.sb3s5-hero-under{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem 3rem;align-items:start;padding:2rem 0 .4rem}
.sb3s5-hero-copy .sb3s5-lead{margin-bottom:1rem}
.sb3s5-trust{display:grid;gap:0;margin:0;padding:0;list-style:none;font-size:1.0625rem;max-width:34rem;border-top:2px solid var(--ink)}
.sb3s5-trust li{display:flex;align-items:center;gap:.8rem;min-height:44px;padding:.35rem 0;border-bottom:1px dotted var(--ink)}
.sb3s5-trust li::before{content:"";flex:none;width:.8rem;height:.8rem;background:var(--seal);border:2px solid var(--ink);border-radius:2px;transform:rotate(45deg) scale(.8)}
.sb3s5-acts{display:flex;flex-wrap:wrap;gap:.8rem;margin:.3rem 0 0;max-width:none}
@media (max-width:900px){
.sb3s5-lid{grid-template-columns:minmax(0,1fr);padding:3.6rem 14px 14px;min-height:0}
.sb3s5-lid-art{min-height:0;height:15rem}
.sb3s5-lid-art svg{min-height:0}
.sb3s5-lid-text{padding:1.4rem .6rem .8rem}
.sb3s5-band{top:-3px;left:1.4rem;right:1.4rem;bottom:auto;width:auto;height:2.4rem;grid-template-columns:auto;border-inline:0;border-block:3px solid var(--ink);box-shadow:inset 0 5px 0 -3px var(--cream),inset 0 -5px 0 -3px var(--cream)}
.sb3s5-band svg{width:1.8rem;height:1.8rem}
.sb3s5-hero-under{grid-template-columns:minmax(0,1fr)}
}

/* buttons: vermilion seal and ruled cream */
.sb3s5-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;border:2px solid var(--ink);border-radius:4px;padding:.6rem 1.4rem;font:inherit;font-weight:700;line-height:1.2;cursor:pointer;text-decoration:none;transition:background-color .2s,transform .3s var(--ease)}
.sb3s5-btn--primary{background:var(--seal);color:var(--cream)}
.sb3s5-btn--primary:hover{background:var(--seal-deep);color:var(--cream);transform:translateY(-2px)}
.sb3s5-btn--ghost{background:var(--cream);color:var(--ink)}
.sb3s5-btn--ghost:hover{background:var(--indigo);border-color:var(--ink);color:var(--cream);transform:translateY(-2px)}
.sb3s5-btn[disabled]{opacity:.7;cursor:progress;transform:none}

/* strata divider */
.sb3s5-strata{line-height:0}
.sb3s5-strata svg{display:block;width:100%;height:30px}

/* sections */
.sb3s5-sec{padding:3.4rem 0}
.sb3s5-section{padding:3rem 0}
.sb3s5-section--soft,.sb3s5-section--deep{background:none;color:inherit}
.sb3s5-sechead{display:flex;flex-direction:column;margin-bottom:1.6rem}
.sb3s5-sechead h2{order:0;margin-bottom:.3em}
.sb3s5-sechead .sb3s5-eyebrow{order:1}

/* how it works: the numbered compartments */
.sb3s5-steps,.sb3s5-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--cream);border:3px solid var(--ink);border-radius:18px 6px 18px 6px;overflow:hidden}
.sb3s5-card{position:relative;padding:1.6rem 1.5rem 1.7rem;background:transparent;border:0;border-radius:0;color:var(--ink);text-decoration:none}
.sb3s5-steps>.sb3s5-card+.sb3s5-card{border-left:3px solid var(--ink)}
.sb3s5-steps>.sb3s5-card:nth-child(2){background:var(--cream-deep)}
.sb3s5-card h3{margin-bottom:.5em}
.sb3s5-card p{margin:0;max-width:none}
.sb3s5-num{display:inline-grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:50%;background:var(--seal);color:var(--cream);font-family:var(--display);font-weight:400;font-size:1.5rem;line-height:1;border:2px solid var(--ink);box-shadow:0 0 0 3px var(--cream),0 0 0 5px var(--ink);margin:0 0 1.1rem .3rem}
.sb3s5-steps>.sb3s5-card:nth-child(2) .sb3s5-num{box-shadow:0 0 0 3px var(--cream-deep),0 0 0 5px var(--ink)}
@media (max-width:820px){
.sb3s5-steps,.sb3s5-cols{grid-template-columns:minmax(0,1fr)}
.sb3s5-steps>.sb3s5-card+.sb3s5-card{border-left:0;border-top:3px solid var(--ink)}
}

/* the quote: the box opened, band across its top */
.sb3s5-panel{padding:0 0 3.4rem}
.sb3s5-panel .sb3s5-wrap{padding-top:0}
.sb3s5-quote{position:relative;background:var(--cream);border:3px solid var(--ink);border-radius:6px;padding:2.7rem clamp(1.1rem,3vw,2.2rem) 1.8rem;box-shadow:inset 0 0 0 6px var(--cream),inset 0 0 0 8px var(--ink)}
.sb3s5-quote::before{content:"";position:absolute;left:-3px;right:-3px;top:-3px;height:1.15rem;background:var(--seal);border:3px solid var(--ink);border-radius:6px 6px 0 0;border-bottom:4px dashed var(--cream)}
.sb3s5-quote h2{font-size:clamp(1.5rem,2.6vw,2rem)}
.sb3s5-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.4rem}
@media (max-width:560px){.sb3s5-fields{grid-template-columns:1fr}}
.sb3s5-field{display:flex;flex-direction:column;gap:.35rem}
.sb3s5-field>span{font-size:1.0625rem;font-weight:700}
.sb3s5-field input,.sb3s5-field select,.sb3s5-field textarea{font:inherit;min-height:48px;padding:.6rem .8rem;border:2px solid var(--ink);border-radius:4px;background:var(--field);color:var(--ink);width:100%}
.sb3s5-field textarea{min-height:9rem;resize:vertical}
.sb3s5-field input:focus,.sb3s5-field select:focus,.sb3s5-field textarea:focus{outline:3px solid var(--indigo);outline-offset:2px;border-color:var(--ink)}
.sb3s5-field--wide{grid-column:1/-1}
.sb3s5-seg{display:flex;flex-wrap:wrap;gap:.55rem}
.sb3s5-seg label{position:relative;display:inline-flex;align-items:center;min-height:48px;padding:0;border:2px solid var(--ink);border-radius:4px;background:var(--field);cursor:pointer;font-size:1.0625rem;font-weight:400;transition:background-color .2s}
.sb3s5-seg label:hover{background:var(--cream-deep)}
.sb3s5-seg input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.sb3s5-seg input+span,.sb3s5-seg input:checked+span{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;margin:0;border-radius:2px}
.sb3s5-seg input:checked+span{background:var(--indigo);color:var(--cream);font-weight:700}
.sb3s5-seg label:has(input:checked){background:var(--indigo);border-color:var(--ink);color:var(--cream)}
.sb3s5-seg label:has(input:focus-visible){outline:3px solid var(--indigo);outline-offset:3px}
.sb3s5-seg input:focus-visible+span{outline:0}
.sb3s5-note{font-size:1rem;color:var(--ink-soft);margin:1rem 0 1rem;max-width:var(--measure)}
.sb3s5-status{margin-top:.9rem;font-weight:700;min-height:1.4em}
.sb3s5-status[data-tone=error]{color:var(--alert)}
.sb3s5-results{margin-top:1.6rem}
.sb3s5-summary{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;align-items:baseline;margin-bottom:1rem;font-size:1.0625rem}
.sb3s5-result{display:grid;grid-template-columns:1fr auto;gap:.6rem 1.4rem;align-items:center;background:var(--cream);border:2px solid var(--ink);border-radius:4px;padding:1.1rem 1.2rem;margin-bottom:.9rem}
.sb3s5-result--best{border-width:3px;border-color:var(--seal);box-shadow:inset 0 0 0 3px var(--cream),inset 0 0 0 5px var(--seal)}
.sb3s5-result strong{font-family:var(--display);font-weight:400;font-size:1.25rem}
.sb3s5-result small{display:block;color:var(--ink-soft);font-size:.95rem}
.sb3s5-price{font-family:var(--display);font-weight:400;font-size:2rem;text-align:right;line-height:1}
.sb3s5-price small{display:block;font-family:var(--body);font-size:.9rem;font-weight:700;text-align:right;margin-top:.3rem}
.sb3s5-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}
.sb3s5-tag{font-size:.9rem;font-weight:700;padding:.15rem .6rem;border-radius:3px;background:var(--cream-deep);color:var(--ink);border:1.5px solid var(--ink)}
.sb3s5-tag--now{background:var(--seal);color:var(--cream);border-color:var(--ink)}
.sb3s5-group{font-size:1.3rem;margin:1.6rem 0 .5rem}
.sb3s5-applicant{margin:.3rem 0 1.2rem}
.sb3s5-result .sb3s5-btn{grid-column:1/-1;justify-self:start}
@media (min-width:640px){.sb3s5-result{grid-template-columns:1fr auto auto}.sb3s5-result .sb3s5-btn{grid-column:auto}}
.sb3s5-disclosure{font-size:.95rem;color:var(--ink-soft);border-top:2px dotted var(--ink-soft);padding-top:.9rem;margin-top:1.2rem;max-width:none}
details.sb3s5-more{margin-top:.6rem;font-size:1rem}
details.sb3s5-more summary{display:flex;align-items:center;min-height:44px;cursor:pointer;color:var(--indigo);font-weight:700}
.sb3s5-noexam{background:var(--cream-deep);border:3px solid var(--indigo);border-radius:6px;padding:1.1rem 1.1rem .4rem;margin:0 0 1.5rem}
.sb3s5-group--noexam{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:0;font-size:1.35rem}
.sb3s5-noexam-badge{display:inline-block;background:var(--indigo);color:var(--cream);font-family:var(--body);font-size:.9rem;font-weight:700;letter-spacing:0;text-transform:none;padding:.3rem .7rem;border-radius:3px}
.sb3s5-noexam-note{margin-bottom:.9rem;color:var(--ink)}
.sb3s5-noexam-note+.sb3s5-noexam-note{margin-top:1rem;padding-top:.9rem;border-top:2px dotted var(--ink-soft)}
.sb3s5-result--noexam{border-color:var(--indigo);background:var(--cream)}
.sb3s5-tag--noexam{background:var(--indigo);color:var(--cream);border-color:var(--indigo)}
.sb3s5-tag--usually{background:var(--indigo-pale);color:var(--ink);border-color:var(--indigo)}

/* example rates: the printed contents label */
.sb3s5-rates-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:1.5rem 3rem;align-items:start}
.sb3s5-rates-note p{font-size:1.0625rem}
.sb3s5-table-wrap{overflow-x:auto;background:var(--cream);border:3px solid var(--ink);border-radius:4px;box-shadow:inset 0 0 0 5px var(--cream),inset 0 0 0 7px var(--ink);padding:.6rem}
.sb3s5-table{width:100%;border-collapse:collapse;font-size:1.0625rem}
.sb3s5-table th,.sb3s5-table td{padding:.65rem .7rem;text-align:left;border-bottom:1px dotted var(--ink)}
.sb3s5-table th{font-size:.95rem;font-weight:700;letter-spacing:0;text-transform:none;border-bottom:3px double var(--ink);color:var(--ink)}
.sb3s5-table td:not(:first-child){font-family:var(--display);font-size:1.2rem;font-variant-numeric:tabular-nums}
.sb3s5-table tbody tr:last-child td{border-bottom:0}
@media (max-width:900px){.sb3s5-rates-grid{grid-template-columns:minmax(0,1fr)}}

/* why: the indigo band of the wrapper */
.sb3s5-why{padding-inline:1.25rem;background:var(--indigo-deep);color:var(--cream);border-block:3px solid var(--ink);padding:3.6rem 1.25rem}
.sb3s5-why>.sb3s5-wrap,.sb3s5-wx>.sb3s5-wrap{width:min(100%,var(--maxw))}
.sb3s5-why-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2.4rem 3.4rem;align-items:start}
.sb3s5-why h2{color:var(--cream)}
.sb3s5-why .sb3s5-eyebrow{color:var(--indigo-pale)}
.sb3s5-why .sb3s5-eyebrow::after{border-top-color:var(--indigo-pale)}
.sb3s5-why p{color:var(--cream)}
.sb3s5-why a{color:var(--cream);text-decoration-color:var(--indigo-pale)}
.sb3s5-why a:hover{color:#fff;text-decoration-thickness:3px}
.sb3s5-why :focus-visible{outline-color:var(--cream)}
.sb3s5-why-text p{font-size:1.0625rem}
.sb3s5-hl p{margin-top:1.4rem;padding-top:1rem;border-top:2px dotted var(--indigo-pale)}
.sb3s5-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.sb3s5-mosaic a{position:relative;display:block;background:var(--cream);border:3px solid var(--ink);border-radius:3px;padding:6px 6px 0;overflow:hidden;color:var(--ink);text-decoration:none;transition:transform .4s var(--ease)}
.sb3s5-mosaic a:first-child{grid-column:1/-1;transform:rotate(-.7deg)}
.sb3s5-mosaic a:nth-child(2){transform:rotate(.8deg)}
.sb3s5-mosaic a:nth-child(3){transform:rotate(-.5deg)}
.sb3s5-mosaic a:hover{transform:rotate(0) translateY(-3px);color:var(--ink)}
.sb3s5-mosaic img{width:100%;aspect-ratio:8/5;object-fit:cover;filter:sepia(.28) saturate(.9) contrast(1.02)}
.sb3s5-mosaic a:first-child img{aspect-ratio:16/9}
.sb3s5-mosaic span{display:flex;align-items:center;min-height:44px;padding:.35rem .35rem;background:var(--cream);color:var(--ink);font-weight:700;font-size:1rem;line-height:1.3}
@media (max-width:900px){.sb3s5-why-grid{grid-template-columns:minmax(0,1fr)}.sb3s5-mosaic{order:-1}}
@media (max-width:420px){.sb3s5-mosaic{grid-template-columns:1fr}.sb3s5-mosaic a:first-child{grid-column:auto}}

/* learn: the kiosk shelf of small boxes */
.sb3s5-learn-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr));gap:1.4rem;counter-reset:box}
.sb3s5-learn-list>.sb3s5-card{counter-increment:box;display:block;background:var(--cream);border:3px solid var(--ink);border-radius:4px;box-shadow:inset 0 0 0 5px var(--cream),inset 0 0 0 7px var(--ink);padding:3.4rem 1.5rem 1.6rem;transition:transform .35s var(--ease),background-color .2s}
.sb3s5-learn-list>.sb3s5-card::before{content:counter(box);position:absolute;top:1.1rem;left:1.5rem;display:grid;place-items:center;width:2.1rem;height:2.1rem;background:var(--seal);color:var(--cream);border:2px solid var(--ink);border-radius:3px;font-family:var(--display);font-size:1.15rem;line-height:1}
.sb3s5-learn-list>.sb3s5-card:hover{transform:translateY(-5px);background:var(--cream-deep);color:var(--ink)}
.sb3s5-learn-list>.sb3s5-card h3{color:var(--ink);text-decoration:underline;text-decoration-color:var(--seal);text-decoration-thickness:2px;text-underline-offset:.2em}

/* sub pages: articles, faq, contact, apply */
.sb3s5-section>.sb3s5-wrap{display:flex;flex-direction:column}
.sb3s5-section>.sb3s5-wrap>h1{order:-2}
.sb3s5-section>.sb3s5-wrap>.sb3s5-eyebrow{order:-1;margin:0 0 1.2rem}
.sb3s5-article{max-width:50rem;margin-inline:auto}
.sb3s5-article{width:min(100% - 2.5rem,50rem);background:var(--cream);border:3px solid var(--ink);border-radius:6px;box-shadow:inset 0 0 0 6px var(--cream),inset 0 0 0 8px var(--ink);padding:3rem 3.2rem}
@media (max-width:760px){.sb3s5-article{padding:2rem 1.6rem}}
@media (max-width:600px){.sb3s5-article{width:min(100% - 2rem,50rem)}}
.sb3s5-article h1{font-size:clamp(2rem,4vw,3rem)}
.sb3s5-article h2{margin-top:1.6em}
.sb3s5-article p{max-width:none}
.sb3s5-article figure{margin:0 0 1.6rem}
.sb3s5-article figcaption{font-size:.95rem;color:var(--ink-soft);margin-top:.5rem}
.sb3s5-article img{border:2px solid var(--ink);border-radius:3px;filter:sepia(.2)}
.sb3s5-article .sb3s5-card,.sb3s5-calc{background:var(--cream-deep);border:2px solid var(--ink);border-radius:4px;padding:1.3rem;margin:1.4rem 0}
.sb3s5-calc output{display:block;margin-top:.8rem;font-family:var(--display);font-size:2.2rem;line-height:1.1;color:var(--indigo)}
.sb3s5-sources{font-size:1rem;border-top:2px dotted var(--ink-soft);padding-top:1rem;margin-top:2rem}.sb3s5-sources ol{padding-left:1.3rem}
.sb3s5-faq{margin-top:.6rem}
.sb3s5-faq details{border-top:2px solid var(--ink);padding:.2rem 0}
.sb3s5-faq details:last-child{border-bottom:2px solid var(--ink)}
.sb3s5-faq summary{display:flex;align-items:center;min-height:52px;padding:.5rem 0;cursor:pointer;font-family:var(--display);font-size:1.2rem;line-height:1.3;list-style-position:inside}
.sb3s5-faq summary:hover{color:var(--indigo)}
.sb3s5-faq details[open] summary{color:var(--seal-deep)}
.sb3s5-faq details p{padding-bottom:.6rem}
.sb3s5-apply-shell{background:var(--cream);border:3px solid var(--ink);border-radius:6px;padding:1rem;min-height:600px}
.sb3s5-apply-shell iframe{width:100%;border:0}
.sb3s5-section>.sb3s5-wrap>.sb3s5-lead{margin-bottom:1.6rem}

/* footer: the tied indigo string at the base of the box */
.sb3s5-foot{background:var(--indigo-deep);color:var(--cream);border-top:6px solid var(--seal);box-shadow:inset 0 3px 0 0 var(--ink);padding:2.8rem 0;font-size:1rem}
.sb3s5-foot-grid{display:grid;gap:1.6rem 2rem;grid-template-columns:2fr 1fr 1fr}
@media (max-width:700px){.sb3s5-foot-grid{grid-template-columns:1fr}}
.sb3s5-foot a{color:var(--cream);text-decoration-color:var(--indigo-pale)}
.sb3s5-foot a:hover{color:#fff}
.sb3s5-foot :focus-visible{outline-color:var(--cream)}
.sb3s5-foot .sb3s5-brand{color:var(--cream);font-size:1.25rem;text-decoration:none}
.sb3s5-foot .sb3s5-brand::before{box-shadow:inset 0 0 0 3px var(--seal),inset 0 0 0 5px var(--cream),inset 0 0 0 6px var(--seal)}
.sb3s5-foot nav a{display:flex;align-items:center;min-height:44px;margin:0}
.sb3s5-foot nav strong{display:block;font-family:var(--display);font-weight:400;font-size:1.2rem;margin-bottom:.3rem;color:var(--cream)}
.sb3s5-foot p{color:var(--cream)}
.sb3s5-foot a[href^="tel"]{display:inline-flex;align-items:center;min-height:44px}

/* content stays visible; motion is quiet */
[data-reveal]{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media (max-width:560px){
.sb3s5-table-wrap{padding:.3rem}
.sb3s5-table{font-size:1rem}
.sb3s5-table th,.sb3s5-table td{padding:.55rem .4rem}
.sb3s5-table th{font-size:.9rem}
.sb3s5-table td:not(:first-child){font-size:1.05rem}
}