/* Santa Clara Life Insurance: a Saturday drum-corps rehearsal, kept like a pickling shelf.
   Chalk yard lines and hash ticks run where shelf lines run; kraft dot-book cards stand in for jar labels. */
@font-face{font-family:"Caveat Brush";src:url(/assets/font-y6lyvii5-caveat-brush-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Libre Franklin";src:url(/assets/font-y6lyvii5-libre-franklin-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Libre Franklin";src:url(/assets/font-y6lyvii5-libre-franklin-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Libre Franklin";src:url(/assets/font-y6lyvii5-libre-franklin-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}

:root{
  --haze:#EEF0E3;--haze-2:#E0E6D0;--glass:#F9FBF3;--ink:#1D231F;--ink-2:#434B43;--rule:#A7B196;
  --dill:#1F4D36;--dill-2:#163B29;--dill-rule:#4D7A62;--chalk:#F4F2E7;--chalk-2:#F4F2E7;
  --scarlet:#B3162B;--scarlet-d:#8F1022;--coral:#FFA08A;--ruby:#43102A;--ruby-2:#5A1A38;--ruby-ink:#F8E9E3;--ruby-ink-2:#E5C6C4;
  --kraft:#D3B07C;--kraft-2:#E9D3A8;--kraft-ink:#3A2610;--kraft-edge:#8C6B3F;
  --head:"Caveat Brush","Segoe Print",cursive;--body:"Libre Franklin","Helvetica Neue",Arial,sans-serif;
  --measure:66ch;--maxw:1220px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--haze);color:var(--ink);font:400 1.0625rem/1.65 var(--body)}
::selection{background:var(--scarlet);color:#fff}
img{max-width:100%;height:auto;display:block}
a{color:var(--scarlet-d);text-underline-offset:.2em;text-decoration-thickness:1.5px}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--scarlet);outline-offset:3px}
.swocc-wx :focus-visible,.swocc-field :focus-visible,.swocc-pitch :focus-visible,.swocc-why :focus-visible,.swocc-foot :focus-visible,.swocc-section--deep :focus-visible{outline-color:var(--coral)}
h1,h2,h3{margin:0 0 .5em;text-wrap:balance}
h1,h2{font-family:var(--head);font-weight:400;line-height:1;letter-spacing:.005em}
h1{font-size:clamp(3.1rem,7.4vw,6.4rem)}
h2{font-size:clamp(2.3rem,4.8vw,3.9rem)}
h3{font-family:var(--body);font-weight:800;font-size:1.25rem;line-height:1.25}
p{margin:0 0 1em;max-width:var(--measure)}
strong{font-weight:800}
.swocc-wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:8px}
.swocc-wx,.swocc-pitch,.swocc-panel,.swocc-sec,.swocc-section,.swocc-hero,.swocc-foot,.swocc-head,.swocc-learn{padding-inline:12px}
.swocc-skip{position:absolute;left:12px;top:-70px;background:var(--ink);color:var(--chalk);padding:.7rem 1rem;z-index:99}
.swocc-skip:focus{top:8px}.swocc-skip:hover{color:var(--chalk)}

/* header: a drum-corps staff sheet, yard line below */
.swocc-head{background:var(--glass);border-bottom:3px solid var(--ink);position:relative;z-index:5}
.swocc-head::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:6px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 24px);opacity:.55;pointer-events:none}
.swocc-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem 1.5rem;padding-block:.45rem}
.swocc-brand{display:inline-flex;align-items:center;gap:.6rem;font:400 1.9rem/1 var(--head);text-decoration:none;color:var(--ink);min-height:48px}
.swocc-brand:hover{color:var(--scarlet-d)}
.swocc-brand img{width:34px;height:34px}
.swocc-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 .15rem;font:600 .98rem var(--body);letter-spacing:.06em;text-transform:uppercase}
.swocc-links a{display:inline-flex;align-items:center;min-height:48px;padding:0 .8rem;text-decoration:none;color:var(--ink)}
.swocc-links a:hover{color:var(--scarlet-d);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.3em}
.swocc-links a.swocc-cta{background:var(--scarlet);color:#fff!important;padding:0 1.2rem;margin-left:.6rem;border-radius:0 0 14px 14px;font-weight:800}
.swocc-links a.swocc-cta:hover{background:var(--ink);color:var(--chalk)!important;text-decoration:none}
.swocc-menu{display:none;align-items:center;justify-content:center;min-width:48px;min-height:48px;background:var(--glass);border:2px solid var(--ink);padding:0;color:var(--ink);cursor:pointer}

/* weather strip: the rehearsal field's sideline board */
.swocc-wx{background:var(--dill);color:var(--chalk);border-bottom:6px solid var(--dill-2);padding:12px 12px 4px}
.swocc-wx .swocc-wrap{padding-block:2px}
.swocc-wx a{color:var(--chalk)}
.swocc-wx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 2rem;padding-block:.6rem}
.swocc-wx-photo{display:inline-flex;align-items:center;gap:.7rem;background:none;border:0;padding:0;color:var(--chalk);font:inherit;cursor:pointer;min-height:48px}
.swocc-wx-photo img{width:52px;height:52px;object-fit:cover;border-radius:6px 6px 18px 18px;border:3px solid var(--chalk)}
.swocc-wx-photo span{font:800 .8rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase;border:2px solid var(--chalk);padding:.6rem .7rem;color:var(--chalk)}
.swocc-wx-photo:hover span,.swocc-wx-photo[aria-expanded=true] span{background:var(--chalk);color:var(--dill-2)}
.swocc-wx-now{display:flex;align-items:center;gap:.8rem}
.swocc-wx-icon{display:inline-flex;color:var(--coral)}
.swocc-wx-now strong{font:400 3rem/1 var(--head);color:var(--chalk);margin-right:.4rem}
.swocc-wx-now > div{display:flex;align-items:baseline;flex-wrap:wrap;gap:.1rem .7rem}
.swocc-wx-now span{font-size:1rem;color:var(--chalk)}
.swocc-wx-now small{display:block;font-size:.88rem;color:var(--chalk-2)}
.swocc-wx-days{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.swocc-wx-days li{display:grid;grid-template-columns:auto auto auto;align-items:center;column-gap:.7rem;padding:.3rem .9rem;min-height:48px;border:2px solid var(--dill-rule);background:var(--dill-2)}
.swocc-wx-day{font:800 .88rem var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--chalk)}
.swocc-wx-glyph{display:inline-flex;color:var(--coral)}.swocc-wx-glyph svg{width:22px;height:22px}
.swocc-wx-hl{display:inline-flex;align-items:baseline;gap:.4rem}
.swocc-wx-hl strong{font:800 1.1rem var(--body);color:var(--chalk)}
.swocc-wx-hl em{font:400 .95rem var(--body);font-style:normal;color:var(--chalk-2)}
.swocc-wx-cond{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.swocc-wx-source{margin-left:auto;font-size:.88rem;color:var(--chalk-2)}
.swocc-wx-panel{padding-bottom:1rem}.swocc-wx-panel img{max-width:600px;width:100%;background:var(--dill-2);border:3px solid var(--chalk)}.swocc-wx-panel p{font-size:.9rem;color:var(--chalk-2);margin:.5rem 0 0}

/* eyebrows: a handwritten margin note by default; a kraft jar label beside section heads and under the jars */
.swocc-eyebrow{display:block;margin:0 0 .3rem;max-width:none;font:400 1.7rem/1.1 var(--head);letter-spacing:.01em;color:var(--scarlet-d)}
.swocc-sec-head .swocc-eyebrow,.swocc-jars .swocc-eyebrow{display:inline-block;font:800 .86rem/1.25 var(--body);letter-spacing:.17em;text-transform:uppercase;color:var(--kraft-ink);background:var(--kraft);padding:.55rem .9rem;border:2px solid var(--kraft-edge);border-radius:3px;box-shadow:inset 0 0 0 3px var(--kraft),inset 0 0 0 4px rgba(58,38,16,.55)}
.swocc-pitch p.swocc-eyebrow,.swocc-section--deep p.swocc-eyebrow{color:var(--kraft-ink)}

/* hero */
.swocc-hero{position:relative;background:var(--haze);padding-top:clamp(2rem,4.5vw,3.8rem)}
.swocc-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:2rem clamp(1.5rem,4vw,4rem);align-items:end;padding-bottom:2.4rem}
.swocc-hero h1{max-width:12ch;color:var(--ink);margin-bottom:.35em}
.swocc-lead{font-size:1.25rem;line-height:1.55;max-width:56ch;color:var(--ink)}
.swocc-trust{list-style:none;margin:1.1rem 0 1.5rem;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.55rem 1.6rem;font-size:1rem;color:var(--ink-2);max-width:60ch}
.swocc-trust li{display:flex;gap:.65rem;align-items:flex-start}
.swocc-trust li::before{content:"";flex:none;width:.8rem;height:.8rem;margin-top:.45rem;border-radius:50%;background:var(--scarlet);box-shadow:0 0 0 3px var(--haze),0 0 0 5px var(--scarlet)}
.swocc-acts{display:flex;flex-wrap:wrap;gap:.8rem;margin:0}
.swocc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:56px;padding:0 1.7rem;font:800 1.05rem var(--body);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;border:3px solid var(--ink);border-radius:0 0 18px 18px;cursor:pointer;transition:transform .15s}
.swocc-btn--primary{background:var(--scarlet);color:#fff;border-color:var(--scarlet-d)}
.swocc-btn--primary:hover{background:var(--ink);border-color:var(--ink);color:var(--chalk)}
.swocc-btn--ghost{background:var(--glass);color:var(--ink)}
.swocc-btn--ghost:hover{background:var(--ink);color:var(--chalk)}
.swocc-btn:active{transform:translateY(2px)}
.swocc-btn[disabled]{opacity:.65;cursor:progress}

/* mosaic: three jars on a shelf */
.swocc-jars{display:block}
.swocc-mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:stretch;padding-bottom:1rem;border-bottom:12px solid var(--kraft-edge);box-shadow:0 3px 0 var(--ink)}
.swocc-mosaic a{position:relative;display:flex;flex-direction:column;text-decoration:none;color:var(--kraft-ink);padding-top:18px}
.swocc-mosaic a::before{content:"";position:absolute;left:14%;right:14%;top:0;height:20px;border-radius:5px 5px 0 0;background:linear-gradient(var(--kraft-edge),#6F522D);z-index:1}
.swocc-mosaic img{width:100%;aspect-ratio:3/4;object-fit:cover;border:4px solid var(--glass);border-radius:22px 22px 44px 44px;outline:2px solid var(--ink);outline-offset:0;box-shadow:inset 0 0 0 2px rgba(255,255,255,.4),0 6px 0 -2px rgba(0,0,0,.1)}
.swocc-mosaic a:nth-child(1) img{filter:saturate(1.08)}
.swocc-mosaic span{display:flex;align-items:center;justify-content:center;text-align:center;flex:1;margin:-26px 6px 0;position:relative;padding:.6rem .5rem;background:var(--kraft);border:2px solid var(--kraft-edge);box-shadow:inset 0 0 0 3px var(--kraft),inset 0 0 0 4px rgba(58,38,16,.5);font:800 .8rem/1.25 var(--body);letter-spacing:.09em;text-transform:uppercase;color:var(--kraft-ink)}
.swocc-mosaic a:hover span,.swocc-mosaic a:focus-visible span{background:var(--kraft-2)}
.swocc-jars .swocc-eyebrow{margin-top:1.1rem}

/* turf strip: the field's yard lines under the hero */
.swocc-turf{margin-inline:-12px;height:44px;line-height:0;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);overflow:hidden}
.swocc-turf svg{width:100%;height:100%;display:block}

/* sections */
.swocc-sec{padding:4.5rem 12px 4.4rem}
.swocc-sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.4rem 2rem;margin-bottom:1.8rem}
.swocc-sec-head h2{margin:0;max-width:20ch}
.swocc-sec-head .swocc-eyebrow{margin-bottom:.4rem}
.swocc-section{padding:3.2rem 12px}
.swocc-section--soft{background:var(--haze-2);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
.swocc-section--deep{background:var(--ruby);color:var(--ruby-ink)}
.swocc-section--deep h2,.swocc-section--deep h3,.swocc-section--deep p{color:var(--ruby-ink)}
.swocc-section--deep a{color:#FFD3C6}.swocc-section--deep a:hover{color:#fff}
.swocc-cols{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.swocc-card{position:relative;background:var(--kraft-2);border:2px solid var(--kraft-edge);padding:1.3rem 1.3rem 1.2rem;color:var(--kraft-ink);box-shadow:inset 0 0 0 5px var(--kraft-2),inset 0 0 0 6px rgba(58,38,16,.5)}
.swocc-card h3,.swocc-card p{color:var(--kraft-ink)}
.swocc-card p{margin:0;max-width:44ch}

/* how: three dot-book cards on the shelf */
.swocc-how{background:var(--haze)}
.swocc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;padding-bottom:1.1rem;border-bottom:12px solid var(--kraft-edge);box-shadow:0 3px 0 var(--ink)}
.swocc-steps .swocc-card{padding:1.5rem 1.6rem 1.4rem;border-radius:0;border-top:10px dotted var(--scarlet)}
.swocc-num{display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;border-radius:50%;background:var(--scarlet);color:#fff;font:400 2.3rem/1 var(--head);margin-bottom:.7rem;border:3px solid var(--chalk);box-shadow:0 0 0 2px var(--scarlet)}
.swocc-steps h3{font-size:1.35rem;margin:.2rem 0 .5rem}

/* quote panel: a kraft dot-book card on the table */
.swocc-panel{background:var(--haze-2);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:4.2rem 12px;background-image:linear-gradient(90deg,rgba(29,35,31,.07) 2px,transparent 2px);background-size:96px 100%}
.swocc-quote{background:var(--glass);border:3px solid var(--ink);padding:clamp(1.3rem,3vw,2.4rem);box-shadow:10px 10px 0 var(--kraft-edge);max-width:960px}
.swocc-quote h2{font-size:clamp(2.1rem,4vw,3.1rem);margin-bottom:.6em;max-width:none}
.swocc-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem 2rem;margin-top:1.2rem}
.swocc-field{display:flex;flex-direction:column;gap:.45rem;border:0;margin:0;padding:0;min-width:0}
.swocc-field--wide{grid-column:1/-1}
.swocc-field > span{font:800 .88rem var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.swocc-field input,.swocc-field select,.swocc-field textarea{font:400 1.0625rem var(--body);min-height:50px;padding:.6rem .8rem;border:2px solid var(--ink);border-radius:0;background:#fff;color:var(--ink);width:100%}
.swocc-field textarea{min-height:140px}
.swocc-field input:focus,.swocc-field select:focus,.swocc-field textarea:focus{outline:3px solid var(--scarlet);outline-offset:2px}
.swocc-seg{display:flex;flex-wrap:wrap;gap:.55rem}
.swocc-seg label{position:relative;display:inline-flex;align-items:center;min-height:48px;padding:0 1.1rem;border:2px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer;font:600 1rem var(--body);border-radius:0 0 14px 14px}
.swocc-seg label:hover{background:var(--kraft-2)}
.swocc-seg input{position:absolute;opacity:0;width:0;height:0}
.swocc-seg label:has(input:checked){background:var(--scarlet);color:#fff;border-color:var(--scarlet-d);font-weight:800}
.swocc-seg input:checked+span{color:#fff}
.swocc-seg label:has(input:focus-visible){outline:3px solid var(--ink);outline-offset:3px}
.swocc-note{font-size:.95rem;color:var(--ink-2);margin:1.2rem 0 1rem;max-width:62ch}
.swocc-status{margin-top:.9rem;font-weight:800;min-height:1.5em}
.swocc-status[data-tone=error]{color:#9B1020}
.swocc-results{margin-top:1.8rem;max-width:960px}
.swocc-summary{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;align-items:baseline;margin-bottom:1rem;font-size:1rem}
.swocc-group{font:400 1.9rem/1.1 var(--head);margin:1.8rem 0 .6rem}
.swocc-applicant{margin:.2rem 0 1rem;border:2px solid var(--ink)}
.swocc-result{display:grid;grid-template-columns:1fr auto;gap:.6rem 1.2rem;align-items:center;background:var(--glass);border:2px solid var(--ink);border-left:12px solid var(--kraft-edge);padding:1rem 1.2rem;margin-bottom:.8rem}
.swocc-result--best{border-left-color:var(--scarlet);box-shadow:6px 6px 0 var(--scarlet)}
.swocc-result strong{font:800 1.1rem var(--body)}
.swocc-result small{display:block;color:var(--ink-2);font-size:.9rem}
.swocc-price{font:400 2.4rem/1 var(--head);text-align:right;color:var(--ink)}
.swocc-price small{display:block;font:600 .8rem var(--body);text-align:right;margin-top:.3rem;letter-spacing:.05em}
.swocc-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}
.swocc-tag{font:800 .76rem var(--body);letter-spacing:.07em;text-transform:uppercase;padding:.25rem .55rem;background:var(--kraft-2);color:var(--kraft-ink);border:1.5px solid var(--kraft-edge)}
.swocc-tag--now{background:#FCE0D8;color:#8A1226;border-color:#B3162B}
.swocc-tag--noexam{background:var(--dill);color:var(--chalk);border-color:var(--dill-2)}
.swocc-tag--usually{background:#DDE9D2;color:var(--dill-2);border-color:var(--dill)}
.swocc-result .swocc-btn{grid-column:1/-1;justify-self:start}
@media (min-width:700px){.swocc-result{grid-template-columns:1fr auto auto}.swocc-result .swocc-btn{grid-column:auto}}
.swocc-disclosure{font-size:.88rem;color:var(--ink-2);border-top:2px dashed var(--rule);padding-top:.9rem;margin-top:1.2rem}
details.swocc-more{margin-top:.6rem;font-size:.95rem}details.swocc-more summary{cursor:pointer;color:var(--scarlet-d);font-weight:800;min-height:44px;display:flex;align-items:center}
.swocc-noexam{background:#E3EED9;border:3px solid var(--dill);padding:1rem 1.2rem .5rem;margin:0 0 1.4rem;box-shadow:6px 6px 0 var(--dill)}
.swocc-group--noexam{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:0}
.swocc-noexam-badge{display:inline-block;background:var(--dill);color:var(--chalk);font:800 .8rem var(--body);letter-spacing:.14em;text-transform:uppercase;padding:.4rem .75rem}
.swocc-noexam-note{margin-bottom:.9rem;color:var(--ink)}
.swocc-result--noexam{border-left-color:var(--dill)}
.swocc-noexam-note+.swocc-noexam-note{margin-top:1rem;padding-top:.9rem;border-top:2px dashed var(--dill)}

/* rates: the field itself, chalk lines for ruled rows */
.swocc-pitch{background:var(--dill);color:var(--chalk);padding:4.2rem 12px;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);background-image:repeating-linear-gradient(90deg,transparent 0 94px,rgba(244,242,231,.14) 94px 96px)}
.swocc-pitch h2{color:var(--chalk)}
.swocc-pitch p{color:var(--chalk);max-width:72ch;font-size:1rem}
.swocc-pitch a{color:var(--chalk)}
.swocc-pitch .swocc-sec-head{margin-bottom:1rem}
.swocc-pitch .swocc-table-wrap{margin-top:1.6rem}
.swocc-pitch .swocc-table{border-top:4px solid var(--chalk);border-bottom:4px solid var(--chalk);background:rgba(22,59,41,.78)}
.swocc-pitch .swocc-table thead th{font:800 .82rem/1.2 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--chalk-2);text-align:right;padding:.8rem .8rem;border-bottom:2px solid var(--chalk)}
.swocc-pitch .swocc-table thead th:first-child{text-align:left}
.swocc-pitch .swocc-table td{padding:.8rem .8rem;border-bottom:2px solid rgba(244,242,231,.45);text-align:right;white-space:nowrap;font:800 clamp(1.3rem,3vw,2.1rem)/1.1 var(--body);font-variant-numeric:tabular-nums;color:var(--chalk)}
.swocc-pitch .swocc-table tbody tr:last-child td{border-bottom:0}
.swocc-pitch .swocc-table td:first-child{text-align:left;font:400 clamp(1.4rem,2.6vw,2rem)/1.1 var(--head);color:var(--chalk);letter-spacing:.01em}
.swocc-pitch .swocc-table td:nth-child(2){color:var(--coral)}
.swocc-pitch .swocc-table td:nth-child(4){color:#BFE8B0}
.swocc-table-wrap{overflow-x:auto}
.swocc-table{width:100%;border-collapse:collapse}
.swocc-table th,.swocc-table td{padding:.6rem .7rem;border-bottom:1px solid var(--rule);text-align:left}
.swocc-table th{font:800 .82rem var(--body);letter-spacing:.1em;text-transform:uppercase}

/* why: cabbage-ruby crock */
.swocc-why{background:var(--ruby);color:var(--ruby-ink);position:relative}
.swocc-why h2{color:var(--ruby-ink)}
.swocc-why .swocc-eyebrow{color:var(--kraft-ink)!important}
.swocc-why-text{columns:2 22rem;column-gap:3rem;max-width:1080px}
.swocc-why-text p{color:var(--ruby-ink);max-width:none;break-inside:avoid}
.swocc-hl{margin-top:1.8rem;padding-top:1.2rem;border-top:3px dashed var(--ruby-ink-2)}
.swocc-hl p{color:var(--ruby-ink);max-width:none;font-weight:600}
.swocc-hl a{color:#FFD3C6;font-weight:800}.swocc-hl a:hover{color:#fff}

/* learn: label cards ranked on a shelf */
.swocc-learn{background:var(--haze);padding-bottom:0}
.swocc-learn-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1.3rem;padding-bottom:1.5rem}
.swocc-learn-list .swocc-card{display:block;text-decoration:none;transition:transform .18s,box-shadow .18s;border-radius:4px 4px 22px 22px;padding-top:1.5rem}
.swocc-learn-list .swocc-card:hover{transform:translateY(-4px);background:#F2E1BB;box-shadow:inset 0 0 0 5px #F2E1BB,inset 0 0 0 6px rgba(58,38,16,.5),0 8px 0 var(--kraft-edge)}
.swocc-learn-list .swocc-card h3{color:var(--kraft-ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}
.swocc-learn-list .swocc-card::before{content:"";display:block;width:2.6rem;height:.5rem;background:var(--scarlet);margin-bottom:.9rem}
.swocc-shelf{margin-inline:-12px;line-height:0;height:112px;margin-top:0;overflow:hidden}
.swocc-shelf svg{width:100%;height:100%;display:block}

/* articles, faq, tables, apply, calc */
.swocc-article{max-width:var(--measure);margin-inline:auto}
.swocc-article figure{margin:0 0 1.5rem}
.swocc-article figcaption{font-size:.88rem;color:var(--ink-2);margin-top:.5rem}
.swocc-article img{border:3px solid var(--ink);border-radius:8px 8px 28px 28px}
.swocc-article h1{font-size:clamp(2.8rem,6vw,4.6rem)}
.swocc-sources{font-size:.95rem;border-top:3px double var(--ink);padding-top:1rem;margin-top:2.2rem}.swocc-sources ol{padding-left:1.3rem}
.swocc-faq details{border-bottom:2px solid var(--ink);padding:0}
.swocc-faq summary{cursor:pointer;font:800 1.15rem/1.35 var(--body);display:flex;align-items:center;min-height:56px;padding:.5rem 0}
.swocc-faq details[open] summary{color:var(--scarlet-d)}
.swocc-faq details p{padding-bottom:1rem}
.swocc-apply-shell{background:var(--glass);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--kraft-edge);padding:1rem;min-height:600px}
.swocc-apply-shell iframe{width:100%;border:0}
.swocc-calc output{display:block;margin-top:.6rem;font:400 2.6rem/1 var(--head);color:var(--scarlet-d)}
[data-reveal]{opacity:1;transform:none}

/* footer */
.swocc-foot{background:var(--ink);color:#DDE3D6;padding:2.6rem 12px 2.2rem;font-size:.95rem;border-top:8px solid var(--kraft-edge)}
.swocc-foot a{color:#fff}.swocc-foot a:hover{color:var(--coral)}
.swocc-foot .swocc-brand{color:#fff}.swocc-foot .swocc-brand:hover{color:var(--coral)}
.swocc-foot p{color:#DDE3D6}
.swocc-foot-grid{display:grid;gap:1.6rem;grid-template-columns:2fr 1fr 1fr}
.swocc-foot nav a{display:flex;align-items:center;min-height:44px;text-decoration:none}
.swocc-foot nav a:hover{text-decoration:underline}
.swocc-foot nav strong{display:block;font:800 .82rem var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--kraft);margin-bottom:.3rem}

@media (max-width:980px){
  .swocc-hero-grid{grid-template-columns:1fr}
  .swocc-steps{grid-template-columns:1fr}
  .swocc-learn-list{grid-template-columns:1fr 1fr}
  .swocc-foot-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  .swocc-sec{padding:3rem 12px}
  .swocc-panel,.swocc-pitch{padding:3rem 12px}
  .swocc-menu{display:inline-flex}
  .swocc-brand{font-size:1.55rem}
  .swocc-nav{flex-wrap:nowrap}
  .swocc-links{display:none;position:absolute;left:0;right:0;top:100%;background:var(--glass);border-bottom:3px solid var(--ink);flex-direction:column;align-items:stretch;padding:.6rem 12px 1rem;gap:0}
  .swocc-links[data-open]{display:flex}
  .swocc-links a{border-bottom:1px solid var(--rule)}
  .swocc-links a.swocc-cta{margin:.7rem 0 0;justify-content:center;border-bottom:0;border-radius:0 0 14px 14px}
  .swocc-wx-source{margin-left:0;width:100%}
  .swocc-wx-now strong{font-size:2.6rem}
  .swocc-trust{grid-template-columns:1fr}
  /* vertical seasonal shelf: jars stack as rows */
  .swocc-mosaic{grid-template-columns:1fr;gap:1.1rem;border-bottom-width:10px}
  .swocc-mosaic a{flex-direction:row;align-items:center;padding-top:0;padding-left:0;gap:0}
  .swocc-mosaic a::before{left:0;right:auto;top:-1px;width:92px;height:14px}
  .swocc-mosaic img{width:130px;flex:none;aspect-ratio:1/1;border-radius:14px 14px 34px 34px;margin-top:14px}
  .swocc-mosaic span{margin:14px 0 0 -14px;align-self:stretch;flex:1;text-align:left;justify-content:flex-start;font-size:.84rem;padding:.6rem .8rem .6rem 1.4rem}
  .swocc-fields{grid-template-columns:1fr}
  .swocc-result{grid-template-columns:1fr}
  .swocc-price,.swocc-price small{text-align:left}
  .swocc-learn-list{grid-template-columns:1fr}
  .swocc-why-text{columns:1}
  .swocc-quote{box-shadow:6px 6px 0 var(--kraft-edge)}
  .swocc-pitch .swocc-table td{padding:.7rem .3rem;font-size:1.12rem}
  .swocc-pitch .swocc-table td:first-child{font-size:1.2rem;white-space:normal}
  .swocc-pitch .swocc-table thead th{padding:.7rem .3rem;font-size:.7rem;letter-spacing:.05em}
  .swocc-shelf{height:84px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.swocc-article .swocc-card{margin:0 0 1.8rem}