/* Life Insurance Oxnard: a pod of dolphins off Mandalay Beach, pulled as a folk woodblock print on shell-coated paper.
   Flat colour blocks (red, yellow, green, indigo) sit a few pixels off their black keyblock outline; the paper glitters. */
@font-face{font-family:"Alfa Slab One";src:url(/assets/font-zltbnkuf-alfa-slab-one-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/assets/font-zltbnkuf-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-zltbnkuf-source-sans-3-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --shell:#EEEFE7;--shell-2:#E1E4D9;--shell-3:#FBFBF6;--ink:#15130F;--ink-2:#403D36;
  --ind:#1F2D5C;--red:#B52E1B;--red-fill:#C0341F;--yel:#E6B422;--grn:#2A6350;
  --head:"Alfa Slab One","Rockwell","Georgia",serif;--body:"Source Sans 3","Segoe UI",Verdana,sans-serif;
  --measure:68ch;--maxw:1180px;--key:3px;--off:6px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;color:var(--ink);font:400 1.0625rem/1.62 var(--body);background-color:var(--shell);
  background-image:
   radial-gradient(circle at 20% 30%,rgba(255,255,255,.95) 0 1px,transparent 1.6px),
   radial-gradient(circle at 70% 60%,rgba(90,110,170,.22) 0 1px,transparent 1.7px),
   radial-gradient(circle at 45% 85%,rgba(255,255,255,.9) 0 1.2px,transparent 1.9px),
   radial-gradient(circle at 85% 15%,rgba(200,150,120,.18) 0 1px,transparent 1.6px),
   linear-gradient(115deg,rgba(255,255,255,0) 28%,rgba(255,255,255,.6) 44%,rgba(180,200,235,.28) 52%,rgba(255,255,255,0) 68%);
  background-size:83px 79px,127px 113px,59px 67px,151px 139px,100% 100%;
  background-attachment:scroll,scroll,scroll,scroll,fixed}
::selection{background:var(--yel);color:var(--ink)}
img{max-width:100%;height:auto;display:block}
a{color:var(--ind);text-underline-offset:.2em;text-decoration-thickness:2px}
a:hover{color:var(--red)}
:focus-visible{outline:4px solid var(--red);outline-offset:3px}
h1,h2,h3{font-family:var(--head);font-weight:400;line-height:1.12;margin:0 0 .5em;text-wrap:balance;letter-spacing:.003em;color:var(--ink)}
h1{font-size:clamp(2.15rem,5.2vw,3.7rem)}
h2{font-size:clamp(1.7rem,3.8vw,2.6rem)}
h3{font-size:1.3rem}
p{margin:0 0 1em;max-width:var(--measure)}
strong{font-weight:700}
.sfsq3-wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:16px}
.sfsq3-skip{position:absolute;left:12px;top:-80px;background:var(--ink);color:var(--yel);padding:.8rem 1rem;z-index:99;font-weight:700}
.sfsq3-skip:focus{top:8px}.sfsq3-skip:hover{color:var(--yel)}

/* header: the title strip of the print, ruled in keyblock black */
.sfsq3-head{position:sticky;top:0;z-index:20;background:var(--shell-3);border-bottom:4px solid var(--ink)}
.sfsq3-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;min-height:68px;position:relative}
.sfsq3-brand{display:inline-flex;align-items:center;gap:.7rem;font:400 1.3rem/1.1 var(--head);color:var(--ink);text-decoration:none;min-height:48px}
.sfsq3-brand img{width:36px;height:36px;border:var(--key) solid var(--ink);background:var(--yel);box-shadow:3px 3px 0 var(--red-fill)}
.sfsq3-brand:hover{color:var(--ink)}
.sfsq3-links{display:flex;align-items:center;gap:.35rem}
.sfsq3-links a{position:relative;display:inline-flex;align-items:center;min-height:48px;padding:0 .9rem;color:var(--ink);text-decoration:none;font-weight:700;font-size:1.0625rem;background:linear-gradient(var(--blk,transparent),var(--blk,transparent)) 0 100%/100% 0 no-repeat;transition:background-size .25s steps(4)}
.sfsq3-links a:nth-child(1){--blk:var(--red-fill)}.sfsq3-links a:nth-child(2){--blk:var(--yel)}.sfsq3-links a:nth-child(3){--blk:var(--grn)}.sfsq3-links a:nth-child(4){--blk:var(--ind)}
.sfsq3-links a:hover,.sfsq3-links a:focus-visible{background-size:100% 8px;color:var(--ink)}
.sfsq3-links a.sfsq3-cta{background:var(--ind);color:var(--shell-3)!important;border:var(--key) solid var(--ink);box-shadow:var(--off) var(--off) 0 var(--red-fill);margin-left:.6rem;padding:0 1.1rem;transition:transform .15s,box-shadow .15s}
.sfsq3-links a.sfsq3-cta:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--red-fill);background-size:0 0}
.sfsq3-menu{display:none;align-items:center;justify-content:center;min-width:48px;min-height:48px;background:var(--yel);border:var(--key) solid var(--ink);box-shadow:4px 4px 0 var(--ind);color:var(--ink);cursor:pointer;padding:0}
.sfsq3-menu svg{width:26px;height:26px}
@media (max-width:760px){
  .sfsq3-menu{display:inline-flex}
  .sfsq3-links{display:none;position:absolute;left:-16px;right:-16px;top:100%;margin-top:4px;background:var(--shell-3);border-bottom:4px solid var(--ink);flex-direction:column;align-items:stretch;gap:0;padding:.5rem 16px 1rem}
  .sfsq3-links[data-open]{display:flex}
  .sfsq3-links a{min-height:52px;border-bottom:2px solid var(--ink);background:none;padding:0 .4rem}
  .sfsq3-links a:not(.sfsq3-cta):hover{background:var(--yel);background-size:auto}
  .sfsq3-links a.sfsq3-cta{margin:.9rem 0 0;justify-content:center;border-bottom:var(--key) solid var(--ink)}
}

/* weather strip: the indigo block printed across the top */
.sfsq3-wx{background:var(--ind);color:var(--shell-3);border-bottom:4px solid var(--ink)}
.sfsq3-wx a{color:var(--shell-3)}
.sfsq3-wx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.8rem;padding-block:.8rem}
.sfsq3-wx-photo{display:inline-flex;align-items:center;gap:.7rem;background:none;border:0;padding:0;color:var(--shell-3);font:inherit;cursor:pointer;min-height:48px}
.sfsq3-wx-photo img{width:48px;height:48px;object-fit:cover;border:var(--key) solid var(--shell-3)}
.sfsq3-wx-photo span{font-weight:700;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--shell-3);padding:.55rem .75rem;min-height:44px;display:inline-flex;align-items:center}
.sfsq3-wx-photo:hover span,.sfsq3-wx-photo[aria-expanded=true] span{background:var(--yel);border-color:var(--yel);color:var(--ink)}
.sfsq3-wx :focus-visible,.sfsq3-why :focus-visible,.sfsq3-foot :focus-visible{outline-color:var(--yel)}
.sfsq3-wx-now{display:flex;align-items:center;gap:.7rem}
.sfsq3-wx-now strong{font:400 2rem/1 var(--head);color:var(--yel)}
.sfsq3-wx-now span{font-size:1.0625rem}.sfsq3-wx-now small{display:block;font-size:.9rem}
.sfsq3-wx-icon{display:inline-flex;color:var(--yel)}
.sfsq3-wx-days{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.sfsq3-wx-days li{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:.5rem;align-items:center;border:2px solid var(--shell-3);padding:.4rem .65rem;font-size:.9rem;min-width:124px}
.sfsq3-wx-day{font-weight:700;grid-column:1}.sfsq3-wx-glyph{grid-row:1/3;grid-column:2;color:var(--yel)}.sfsq3-wx-glyph svg{width:24px;height:24px}
.sfsq3-wx-hl{grid-column:1}.sfsq3-wx-hl strong{font:400 1rem var(--head)}.sfsq3-wx-hl em{font-style:normal;margin-left:.35rem}
.sfsq3-wx-cond{grid-column:1/3;font-size:.85rem;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sfsq3-wx-source{margin-left:auto;font-size:.88rem}
.sfsq3-wx-panel{padding-bottom:1rem}.sfsq3-wx-panel img{max-width:600px;width:100%;background:#0b1020;border:var(--key) solid var(--shell-3)}.sfsq3-wx-panel p{font-size:.9rem;margin:.5rem 0 0}
@media (max-width:700px){.sfsq3-wx-source{margin-left:0;width:100%}.sfsq3-wx-now strong{font-size:1.7rem}}

/* hero: text block at one side, the printed plate centred on its subject */
.sfsq3-hero{padding:2.4rem 0 2.8rem}
.sfsq3-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:2.6rem;align-items:center}
@media (max-width:900px){.sfsq3-hero-grid{grid-template-columns:1fr;gap:2rem}.sfsq3-plate{order:-1}}
.sfsq3-hero h1{display:inline;background:linear-gradient(transparent 64%,var(--yel) 64% 94%,transparent 94%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .12em;margin-left:-.12em}
.sfsq3-hero-text{padding-top:.4rem}
.sfsq3-hero-text>.sfsq3-eyebrow{margin-top:1.1rem}
.sfsq3-eyebrow{display:flex;align-items:center;gap:.6rem;text-transform:uppercase;letter-spacing:.14em;font-size:.9rem;font-weight:700;color:var(--red);margin:0 0 .7rem}
.sfsq3-eyebrow::before{content:"";flex:none;width:22px;height:14px;background:var(--red-fill);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--yel)}
.sfsq3-lead{font-size:1.25rem;line-height:1.55;color:var(--ink-2);margin-top:.4rem}
.sfsq3-plate{position:relative;isolation:isolate;border:4px solid var(--ink);background:var(--shell-3);aspect-ratio:640/440;overflow:visible}
.sfsq3-plate svg{display:block;width:100%;height:100%}
.sfsq3-plate{box-shadow:14px 14px 0 var(--ind);margin:0 14px 14px 0;animation:sfsq3-register .9s steps(6) both}
@keyframes sfsq3-register{from{box-shadow:0 0 0 var(--ind)}to{box-shadow:14px 14px 0 var(--ind)}}
.sfsq3-trust{display:grid;grid-template-columns:1fr 1fr;gap:.6rem .9rem;margin:1.2rem 0 0;padding:0;list-style:none;font-size:1rem;font-weight:600}
.sfsq3-trust li{border-left:8px solid var(--red-fill);padding:.2rem 0 .2rem .7rem;line-height:1.35}
.sfsq3-trust li:nth-child(2){border-left-color:var(--yel)}.sfsq3-trust li:nth-child(3){border-left-color:var(--grn)}.sfsq3-trust li:nth-child(4){border-left-color:var(--ind)}
@media (max-width:520px){.sfsq3-trust{grid-template-columns:1fr}}
.sfsq3-acts{display:flex;flex-wrap:wrap;gap:1rem 1.2rem;margin:1.7rem 0 0!important;max-width:none}

/* buttons are colour blocks; pressing one registers it onto its shadow block */
.sfsq3-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px;border:var(--key) solid var(--ink);border-radius:0;padding:.7rem 1.4rem;font:700 1.0625rem/1.2 var(--body);cursor:pointer;text-decoration:none;box-shadow:var(--off) var(--off) 0 var(--red-fill);transition:transform .15s,box-shadow .15s}
.sfsq3-btn--primary{background:var(--ind);color:var(--shell-3)}
.sfsq3-btn--primary:hover{color:var(--shell-3);transform:translate(3px,3px);box-shadow:3px 3px 0 var(--red-fill)}
.sfsq3-btn--ghost{background:var(--shell-3);color:var(--ink);box-shadow:var(--off) var(--off) 0 var(--yel)}
.sfsq3-btn--ghost:hover{color:var(--ink);transform:translate(3px,3px);box-shadow:3px 3px 0 var(--yel)}
.sfsq3-btn:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--ink)}
.sfsq3-btn[disabled]{opacity:.65;cursor:progress}

/* swell band between sections */
.sfsq3-swell{line-height:0;height:40px;border-bottom:4px solid var(--ink)}
.sfsq3-swell svg{display:block;width:100%;height:100%}
.sfsq3-swell--end{border-bottom:0;border-top:0}

/* sections */
.sfsq3-sec{padding:3.4rem 0}
.sfsq3-section{padding:3.4rem 0}.sfsq3-section--soft{background:var(--shell-2)}.sfsq3-section--deep{background:var(--grn);color:var(--shell-3)}
.sfsq3-head2{margin-bottom:1.6rem}
.sfsq3-head2 h2{margin-bottom:.35rem;display:inline-block;background:linear-gradient(transparent 70%,var(--yel) 70% 92%,transparent 92%);padding:0 .12em;margin-left:-.12em}
.sfsq3-head2 .sfsq3-eyebrow{margin:.5rem 0 0}
.sfsq3-cols{display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.sfsq3-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:820px){.sfsq3-steps{grid-template-columns:1fr}}
.sfsq3-card{position:relative;background:var(--shell-3);border:var(--key) solid var(--ink);margin:0 calc(var(--key)*-1) calc(var(--key)*-1) 0;padding:1.4rem 1.3rem 1.3rem;color:var(--ink);text-decoration:none}
.sfsq3-card h3{font-size:1.3rem;margin-top:.2rem}
.sfsq3-card p{margin-bottom:0}
.sfsq3-steps .sfsq3-card{padding-top:4.9rem;box-shadow:inset 0 0 0 0 transparent}
.sfsq3-steps .sfsq3-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3.9rem;background:var(--red-fill);border-bottom:var(--key) solid var(--ink)}
.sfsq3-steps .sfsq3-card:nth-child(2)::before{background:var(--yel)}.sfsq3-steps .sfsq3-card:nth-child(3)::before{background:var(--grn)}
.sfsq3-num{position:absolute;left:1.1rem;top:.55rem;z-index:1;display:inline-grid;place-items:center;min-width:2.9rem;height:2.9rem;background:var(--shell-3);border:var(--key) solid var(--ink);box-shadow:3px 3px 0 var(--ink);font:400 1.6rem/1 var(--head);color:var(--ink)}

/* the quote plate */
.sfsq3-panel{padding:2.6rem 0 3.4rem;background:linear-gradient(var(--ind) 0 170px,transparent 170px);border-top:4px solid var(--ink)}
.sfsq3-quote{background:var(--shell-3);border:4px solid var(--ink);box-shadow:12px 12px 0 var(--yel);padding:1.5rem 1.5rem 1.6rem}
.sfsq3-quote h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1rem}
.sfsq3-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.2rem}
@media (max-width:560px){.sfsq3-fields{grid-template-columns:1fr}.sfsq3-quote{padding:1.2rem 1rem 1.3rem;box-shadow:8px 8px 0 var(--yel)}}
.sfsq3-field{display:flex;flex-direction:column;gap:.35rem}
.sfsq3-field>span{font-size:1rem;font-weight:700}
.sfsq3-field input,.sfsq3-field select,.sfsq3-field textarea{font:inherit;font-size:1.0625rem;min-height:48px;padding:.6rem .75rem;border:var(--key) solid var(--ink);border-radius:0;background:#fff;color:var(--ink);width:100%}
.sfsq3-field textarea{min-height:140px}
.sfsq3-field input:focus,.sfsq3-field select:focus,.sfsq3-field textarea:focus{outline:4px solid var(--red);outline-offset:2px;border-color:var(--ink);box-shadow:5px 5px 0 var(--yel)}
.sfsq3-field--wide{grid-column:1/-1}
.sfsq3-seg{display:flex;flex-wrap:wrap;gap:.6rem}
.sfsq3-seg label{position:relative;display:inline-flex;align-items:stretch;border:var(--key) solid var(--ink);background:var(--shell-3);cursor:pointer;min-height:48px;padding:0}
.sfsq3-seg input{position:absolute;opacity:0;width:0;height:0}
.sfsq3-seg label>span{display:inline-flex;align-items:center;min-height:42px;padding:.35rem 1rem;font-size:1.0625rem;font-weight:700;color:var(--ink);background:transparent;margin:0}
.sfsq3-seg label:hover>span{background:var(--shell-2)}
.sfsq3-seg input:checked+span{background:var(--ind);color:var(--shell-3);margin:0;padding:.35rem 1rem;display:inline-flex;border-radius:0}
.sfsq3-seg label:has(input:checked){background:var(--ind);color:var(--shell-3);border-color:var(--ink);box-shadow:4px 4px 0 var(--red-fill);animation:sfsq3-press .25s steps(3)}
.sfsq3-seg input:focus-visible+span{outline:4px solid var(--red);outline-offset:4px}
@keyframes sfsq3-press{from{box-shadow:0 0 0 var(--red-fill);transform:translate(4px,4px)}to{box-shadow:4px 4px 0 var(--red-fill);transform:none}}
.sfsq3-note{font-size:.95rem;color:var(--ink-2);margin-top:.9rem}
.sfsq3-status{margin-top:.9rem;font-weight:700;min-height:1.5em}
.sfsq3-status[data-tone=error]{color:#9E1B10}
.sfsq3-results{margin-top:1.8rem}
.sfsq3-summary{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;align-items:baseline;margin-bottom:1rem;font-size:1.0625rem;font-weight:600}
.sfsq3-result{display:grid;grid-template-columns:1fr auto;gap:.6rem 1.2rem;align-items:center;border:var(--key) solid var(--ink);padding:1rem 1.2rem;margin:0 var(--off) 1rem 0;background:var(--shell-3);box-shadow:var(--off) var(--off) 0 var(--grn)}
.sfsq3-result--best{box-shadow:var(--off) var(--off) 0 var(--red-fill);border-width:4px}
.sfsq3-result strong{font:400 1.12rem/1.25 var(--head)}
.sfsq3-result small{display:block;color:var(--ink-2);font-size:.95rem}
.sfsq3-price{font:400 1.8rem/1 var(--head);text-align:right;color:var(--ind)}
.sfsq3-price small{display:block;font:700 .85rem/1.2 var(--body);text-align:right;margin-top:.3rem;color:var(--ink-2)}
.sfsq3-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}
.sfsq3-tag{font-size:.85rem;font-weight:700;padding:.15rem .55rem;background:var(--shell-2);border:2px solid var(--ink);color:var(--ink)}
.sfsq3-tag--now{background:#FBE0D8;color:#8E1A0D;border-color:var(--ink);font-weight:700}
.sfsq3-group{font-size:1.25rem;margin:1.6rem 0 .5rem}
.sfsq3-applicant{margin:.2rem 0 1rem}
.sfsq3-result .sfsq3-btn{grid-column:1/-1;justify-self:start}
@media (min-width:640px){.sfsq3-result{grid-template-columns:1fr auto auto}.sfsq3-result .sfsq3-btn{grid-column:auto}}
.sfsq3-disclosure{font-size:.92rem;color:var(--ink-2);border-top:var(--key) solid var(--ink);padding-top:.9rem;margin-top:1.2rem}
details.sfsq3-more{margin-top:.5rem;font-size:.95rem}details.sfsq3-more summary{cursor:pointer;color:var(--ind);font-weight:700;min-height:44px;display:flex;align-items:center}

/* rates: a printed ledger */
.sfsq3-totem{background:var(--shell-2);border-block:4px solid var(--ink)}
.sfsq3-table-wrap{overflow-x:auto;border:4px solid var(--ink);background:var(--shell-3);box-shadow:10px 10px 0 var(--grn);margin:0 10px 10px 0}
.sfsq3-table{width:100%;border-collapse:collapse;font-size:1.0625rem}
.sfsq3-table th,.sfsq3-table td{padding:.75rem .9rem;border-bottom:2px solid var(--ink);text-align:left}
.sfsq3-table tbody tr:last-child td{border-bottom:0}
.sfsq3-table th{background:var(--ind);color:var(--shell-3);font-size:.9rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700}
.sfsq3-table td:nth-child(n+2){font:400 1.2rem var(--head);font-variant-numeric:tabular-nums;color:var(--ind)}
.sfsq3-table tbody tr:nth-child(even) td{background:var(--shell-2)}
.sfsq3-table tbody tr td:first-child{font-weight:700}

/* why: the green block, shell showing through as letters */
.sfsq3-why{background:var(--grn);color:var(--shell-3);padding:3.6rem 0;border-bottom:4px solid var(--ink)}
.sfsq3-why h2,.sfsq3-why h3{color:var(--shell-3);background:none;display:block;margin-left:0;padding:0}
.sfsq3-why .sfsq3-eyebrow{color:var(--shell-3)!important}
.sfsq3-why .sfsq3-eyebrow::before{background:var(--yel);box-shadow:3px 3px 0 var(--ink)}
.sfsq3-why a{color:var(--shell-3)}.sfsq3-why a:hover{color:var(--yel)}
.sfsq3-why-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:2.8rem;align-items:start}
@media (max-width:900px){.sfsq3-why-grid{grid-template-columns:1fr;gap:2rem}}
.sfsq3-why-text h2{margin-bottom:.4rem}
.sfsq3-hl{margin-top:1.2rem;padding:1rem 1.1rem;border:var(--key) solid var(--shell-3);box-shadow:var(--off) var(--off) 0 var(--ink)}
.sfsq3-hl p{margin:0}
.sfsq3-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.sfsq3-mosaic a{position:relative;display:block;overflow:hidden;background:var(--ink);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--yel);aspect-ratio:8/5;margin:0 8px 8px 0;text-decoration:none}
.sfsq3-mosaic a:nth-child(2){box-shadow:8px 8px 0 var(--red-fill)}.sfsq3-mosaic a:nth-child(3){box-shadow:8px 8px 0 var(--ind)}
.sfsq3-mosaic a:first-child{grid-column:1/-1;aspect-ratio:16/9}
.sfsq3-mosaic img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.02)}
.sfsq3-mosaic span{position:absolute;left:0;bottom:0;max-width:92%;padding:.45rem .8rem;background:var(--ink);color:var(--shell-3);font-weight:700;font-size:.95rem;line-height:1.3;border-top:3px solid var(--shell-3);border-right:3px solid var(--shell-3)}
.sfsq3-mosaic a:hover span{background:var(--yel);color:var(--ink)}

/* learn: an indexed list of prints */
.sfsq3-learn-list{display:grid;gap:0;counter-reset:sfsq3-idx;border-top:var(--key) solid var(--ink)}
.sfsq3-learn-list .sfsq3-card{counter-increment:sfsq3-idx;display:grid;grid-template-columns:3.6rem 1fr;column-gap:1.2rem;align-items:center;margin:0;border:0;border-bottom:var(--key) solid var(--ink);background:transparent;padding:1.15rem .5rem 1.15rem 0;transition:background-color .2s}
.sfsq3-learn-list .sfsq3-card::before{content:counter(sfsq3-idx)/"";grid-row:1/3;display:grid;place-items:center;width:3.6rem;height:3.6rem;background:var(--red-fill);color:var(--shell-3);border:var(--key) solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:400 1.6rem/1 var(--head)}
.sfsq3-learn-list .sfsq3-card:nth-child(2)::before{background:var(--yel);color:var(--ink)}
.sfsq3-learn-list .sfsq3-card:nth-child(3)::before{background:var(--grn)}
.sfsq3-learn-list .sfsq3-card:nth-child(4)::before{background:var(--ind)}
.sfsq3-learn-list .sfsq3-card h3{margin:0 0 .15rem;grid-column:2}
.sfsq3-learn-list .sfsq3-card p{grid-column:2;margin:0}
.sfsq3-learn-list .sfsq3-card:hover{background:var(--shell-2);color:var(--ink)}
.sfsq3-learn-list .sfsq3-card:hover h3{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--red-fill)}
@media (max-width:520px){.sfsq3-learn-list .sfsq3-card{grid-template-columns:3rem 1fr;column-gap:.9rem}.sfsq3-learn-list .sfsq3-card::before{width:3rem;height:3rem;font-size:1.3rem}}

/* articles, faq, contact, apply */
.sfsq3-article{max-width:var(--measure);margin-inline:auto;padding-inline:16px}
.sfsq3-article h1{margin-bottom:.5em}
.sfsq3-article h2{margin-top:1.8em}
.sfsq3-article figure{margin:0 0 1.5rem}.sfsq3-article figcaption{font-size:.95rem;color:var(--ink-2);margin-top:.5rem}
.sfsq3-article img{border:4px solid var(--ink);box-shadow:8px 8px 0 var(--yel)}
.sfsq3-section>.sfsq3-wrap>h1,.sfsq3-article>h1{text-decoration:underline;text-decoration-color:var(--yel);text-decoration-thickness:.16em;text-underline-offset:.1em;text-decoration-skip-ink:none}
.sfsq3-calc{margin:1.6rem 0;box-shadow:var(--off) var(--off) 0 var(--grn)}
.sfsq3-calc output{font:400 2rem/1.1 var(--head);display:block;margin-top:.7rem;color:var(--ind)}
.sfsq3-sources{font-size:1rem;border-top:var(--key) solid var(--ink);padding-top:1rem;margin-top:2.2rem}.sfsq3-sources ol{padding-left:1.3rem}
.sfsq3-faq details{border:var(--key) solid var(--ink);background:var(--shell-3);margin:0 var(--off) 1rem 0;box-shadow:var(--off) var(--off) 0 var(--ind)}
.sfsq3-faq details:nth-of-type(3n+2){box-shadow:var(--off) var(--off) 0 var(--red-fill)}.sfsq3-faq details:nth-of-type(3n){box-shadow:var(--off) var(--off) 0 var(--grn)}
.sfsq3-faq summary{cursor:pointer;font:400 1.15rem/1.3 var(--head);min-height:52px;padding:.85rem 1rem;display:flex;align-items:center}
.sfsq3-faq details[open] summary{background:var(--yel);border-bottom:var(--key) solid var(--ink)}
.sfsq3-faq details>*:not(summary){padding-inline:1rem}
.sfsq3-faq details>p:last-child{padding-bottom:.4rem}
.sfsq3-apply-shell{background:var(--shell-3);border:4px solid var(--ink);box-shadow:10px 10px 0 var(--yel);padding:1rem;min-height:600px;margin:0 10px 10px 0}
.sfsq3-apply-shell iframe{width:100%;border:0}
.sfsq3-card.sfsq3-calc{margin:1.6rem 0;padding:1.3rem}

/* footer: the keyblock, printed last */
.sfsq3-foot{background:var(--ink);color:var(--shell-3);border-top:6px solid var(--yel);padding:2.6rem 0 2.2rem;font-size:1rem}
.sfsq3-foot a{color:var(--shell-3)}.sfsq3-foot a:hover{color:var(--yel)}
.sfsq3-foot strong{display:block;margin-bottom:.5rem;color:var(--yel);font:400 1.1rem var(--head)}
.sfsq3-foot .sfsq3-brand{color:var(--shell-3)}.sfsq3-foot .sfsq3-brand img{border-color:var(--shell-3)}
.sfsq3-foot-grid{display:grid;gap:1.6rem;grid-template-columns:2fr 1fr 1fr}
@media (max-width:700px){.sfsq3-foot-grid{grid-template-columns:1fr}}
.sfsq3-foot nav a{display:flex;align-items:center;min-height:44px;margin:0}
.sfsq3-foot p[style]{font-size:.95rem!important;max-width:80ch}

[data-reveal]{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sfsq3-plate{animation:none}.sfsq3-seg label:has(input:checked){animation:none}.sfsq3-btn,.sfsq3-links a{transition:none}}
@media (max-width:520px){
  .sfsq3-table th,.sfsq3-table td{padding:.6rem .4rem}
  .sfsq3-table th{font-size:.8rem;letter-spacing:.02em}
  .sfsq3-table td:nth-child(n+2){font-size:1.05rem}
  .sfsq3-table{font-size:1rem}
}
.sfsq3-wx,.sfsq3-sec,.sfsq3-section,.sfsq3-why,.sfsq3-hero,.sfsq3-panel,.sfsq3-totem{padding-inline:12px}
.sfsq3-wx{padding-block:0}
.sfsq3-table-wrap{padding:6px}