/* Life Insurance Eastvale: a craft-stick bridge plan on a kitchen table. World: airport yellow wayfinding bands
   read as decision points along a graph-paper plan: birch sticks, blueprint blue, one pencil yellow for the next step. */
@font-face{font-family:"Fira Sans Condensed";src:url(/assets/font-xx5wpnty-fira-sans-condensed-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Fira Sans Condensed";src:url(/assets/font-xx5wpnty-fira-sans-condensed-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Fira Sans";src:url(/assets/font-xx5wpnty-fira-sans-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Fira Sans";src:url(/assets/font-xx5wpnty-fira-sans-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --graph:#F4F8F3;--grid:#DAE7E1;--sheet:#FFFEF9;
  --ink:#14232B;--ink-2:#394F58;--rule:#8FA9A1;
  --birch:#E4C892;--birch-2:#D2AE6B;--birch-3:#F3E6C8;--grain:#B98F4B;
  --blue:#154767;--bp:#0E3550;--bp-2:#164766;--bp-line:#2F6685;--bp-ink:#EEF5F7;--bp-ink-2:#BCD5E0;
  --pencil:#FFC81E;--pencil-ink:#14232B;--red:#9E2415;
  --head:"Fira Sans Condensed","Arial Narrow",sans-serif;--body:"Fira Sans",Verdana,sans-serif;
  --measure:68ch;--maxw:1200px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;color:var(--ink);font:400 1.0625rem/1.6 var(--body);background-color:var(--graph);
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px}
::selection{background:var(--pencil);color:var(--ink)}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue);text-underline-offset:.2em;text-decoration-thickness:1.5px}
a:hover{color:var(--ink);text-decoration-thickness:3px}
:focus-visible{outline:3px solid #0B5CAD;outline-offset:3px}
.smaol-wx :focus-visible,.smaol-why :focus-visible,.smaol-foot :focus-visible,.smaol-section--deep :focus-visible{outline-color:var(--pencil)}
h1,h2,h3{font-family:var(--head);font-weight:800;line-height:1.02;margin:0 0 .5em;text-wrap:balance;letter-spacing:0;color:var(--ink)}
h1{font-size:clamp(2.5rem,6.6vw,5.6rem)}
h2{font-size:clamp(1.9rem,4.2vw,3.1rem)}
h3{font-size:1.45rem;font-weight:600;line-height:1.12}
p{margin:0 0 1em;max-width:var(--measure)}
strong{font-weight:700}
.smaol-wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:4px}
.smaol-head,.smaol-wx,.smaol-hero,.smaol-sec,.smaol-section,.smaol-panel,.smaol-totem,.smaol-foot,.smaol-learn{padding-inline:12px}
.smaol-skip{position:absolute;left:12px;top:-70px;background:var(--ink);color:var(--pencil);padding:.8rem 1rem;z-index:99;font-weight:700}
.smaol-skip:focus{top:8px}.smaol-skip:hover{color:var(--pencil)}
[data-reveal]{opacity:1!important;transform:none!important}

/* header: a birch stick hung across the top, brand and links lettered in ink */
.smaol-head{position:sticky;top:0;z-index:30;background-color:var(--birch);
  background-image:repeating-linear-gradient(180deg,transparent 0 9px,rgba(185,143,75,.35) 9px 10px,transparent 10px 21px);
  border-bottom:4px solid var(--ink);backdrop-filter:none}
.smaol-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;min-height:68px;position:relative}
.smaol-brand{display:inline-flex;align-items:center;gap:.65rem;font:800 1.5rem/1 var(--head);color:var(--ink);text-decoration:none;min-height:44px}
.smaol-brand img{width:36px;height:36px;background:var(--sheet);border:2px solid var(--ink);padding:3px}
.smaol-brand:hover{color:var(--ink);text-decoration:underline;text-decoration-thickness:3px}
.smaol-links{display:flex;align-items:center;gap:.2rem;font:600 1.1rem var(--head)}
.smaol-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 .85rem;color:var(--ink);text-decoration:none;font-weight:600;font-size:1.1rem}
.smaol-links a:hover{text-decoration:underline;text-decoration-thickness:3px;color:var(--ink)}
.smaol-links a.smaol-cta,.smaol-cta{background:var(--pencil);color:var(--pencil-ink)!important;border:3px solid var(--ink);border-radius:3px;padding:0 1rem;margin-left:.6rem;min-height:46px;font-weight:600;gap:.6rem;border-radius:3px}
.smaol-links a.smaol-cta::after{content:"\2192";content:"\2192"/"";font-weight:800}
.smaol-links a.smaol-cta:hover{background:var(--ink);color:var(--pencil)!important;text-decoration:none}
.smaol-menu{display:none;align-items:center;justify-content:center;width:48px;height:48px;background:var(--sheet);border:3px solid var(--ink);border-radius:3px;color:var(--ink);cursor:pointer;padding:0}
.smaol-menu:hover{background:var(--ink);color:var(--pencil)}
@media (max-width:760px){
  .smaol-menu{display:inline-flex}
  .smaol-links{display:none;position:absolute;left:-12px;right:-12px;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--birch);border-bottom:4px solid var(--ink);padding:.5rem 16px 1rem}
  .smaol-links[data-open]{display:flex}
  .smaol-links a{min-height:52px;border-bottom:1px solid var(--grain);padding:0 .2rem}
  .smaol-links a.smaol-cta{margin:.8rem 0 0;justify-content:space-between;border:3px solid var(--ink)}
}

/* weather: the blueprint strip, readouts in white on cyanotype */
.smaol-wx{background-color:var(--bp);color:var(--bp-ink);border-bottom:4px solid var(--ink);
  background-image:linear-gradient(var(--bp-line) 1px,transparent 1px),linear-gradient(90deg,var(--bp-line) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px}
.smaol-wx a{color:var(--bp-ink)}
.smaol-wx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.6rem;padding:.8rem 4px}
.smaol-wx-photo{display:inline-flex;align-items:center;gap:.7rem;background:none;border:0;padding:0;color:var(--bp-ink);font:inherit;cursor:pointer;min-height:48px}
.smaol-wx-photo img{width:48px;height:48px;border-radius:0;object-fit:cover;border:3px solid var(--bp-ink)}
.smaol-wx-photo span{font:600 .95rem/1 var(--head);letter-spacing:.12em;text-transform:uppercase;border:2px solid var(--bp-ink);border-radius:0;padding:.7rem .8rem;color:var(--bp-ink);background:var(--ink)}
.smaol-wx-photo:hover span,.smaol-wx-photo[aria-expanded=true] span{background:var(--pencil);border-color:var(--pencil);color:var(--ink)}
.smaol-wx-now{display:flex;align-items:center;gap:.8rem}
.smaol-wx-now > div{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.smaol-wx-now strong{font:800 2.6rem/1 var(--head);color:var(--bp-ink);font-variant-numeric:tabular-nums;background:var(--ink);border:2px solid var(--bp-ink);padding:.15em .3em .1em}
.smaol-wx-now span{font-size:1rem;color:var(--bp-ink)}
.smaol-wx-now small{display:block;font-size:.9rem;color:var(--bp-ink-2)}
.smaol-wx-icon{display:inline-flex;color:var(--bp-ink)}
.smaol-wx-days{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.smaol-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(--bp-ink);border-radius:0;background:var(--bp);padding:.4rem .7rem;font-size:.9rem;min-width:132px}
.smaol-wx-day{font:600 1rem var(--head);letter-spacing:.08em;text-transform:uppercase;grid-column:1;color:var(--bp-ink)}
.smaol-wx-glyph{grid-row:1/3;grid-column:2;color:var(--bp-ink)}.smaol-wx-glyph svg{width:24px;height:24px}
.smaol-wx-hl{grid-column:1;font-variant-numeric:tabular-nums}.smaol-wx-hl strong{font:800 1.2rem var(--head);color:var(--bp-ink)}.smaol-wx-hl em{font-style:normal;color:var(--bp-ink-2);margin-left:.3rem}
.smaol-wx-cond{grid-column:1/3;font-size:.85rem;color:var(--bp-ink-2);max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smaol-wx-source{margin-left:auto;font-size:.9rem;color:var(--bp-ink-2)}
.smaol-wx-panel{padding:0 4px 1rem}.smaol-wx-panel img{max-width:600px;width:100%;background:var(--ink);border:3px solid var(--bp-ink)}.smaol-wx-panel p{font-size:.9rem;color:var(--bp-ink-2);margin:.5rem 0 0}
@media (max-width:700px){.smaol-wx-source{margin-left:0;width:100%}.smaol-wx-now strong{font-size:2.1rem}.smaol-wx-days li{min-width:calc(50% - .25rem);flex:1 1 130px}}

/* eyebrows: small caption plates led by one truss triangle */
.smaol-eyebrow{display:flex;align-items:center;gap:.6rem;font:600 .98rem/1.2 var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:0 0 .7rem}
.smaol-eyebrow::before{content:"";flex:none;width:1.05rem;height:.95rem;background:var(--ink);clip-path:polygon(50% 0,100% 100%,0 100%)}
.smaol-why .smaol-eyebrow,.smaol-section--deep .smaol-eyebrow{color:var(--bp-ink-2)!important}
.smaol-why .smaol-eyebrow::before,.smaol-section--deep .smaol-eyebrow::before{background:var(--birch)}

/* buttons are rectangular overhead bands; the arrow sits locked to the right edge */
.smaol-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:1.4rem;min-height:56px;border:3px solid var(--ink);border-radius:3px;padding:.7rem 1.1rem;font:600 1.2rem/1.1 var(--head);cursor:pointer;text-decoration:none;letter-spacing:.01em}
.smaol-btn--primary{background:var(--pencil);color:var(--pencil-ink)}
.smaol-btn--primary:hover{background:var(--ink);color:var(--pencil);text-decoration:none;filter:none}
.smaol-btn--ghost{background:var(--ink);color:var(--bp-ink)}
.smaol-btn--ghost:hover{background:var(--sheet);color:var(--ink);text-decoration:none}
.smaol-btn--ghost[href^="#"]::after{content:"\2193";content:"\2193"/"";font-weight:800}
.smaol-btn span[aria-hidden]{font-weight:800;font-size:1.3em;line-height:1}
.smaol-btn[disabled]{opacity:1;cursor:progress;background:var(--birch);color:var(--ink-2)}

/* hero */
.smaol-hero{padding-block:clamp(1.8rem,4vw,3.4rem) 0}
.smaol-hero h1{max-width:15ch;margin-bottom:.35em}
.smaol-lower{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1.4rem clamp(1.5rem,5vw,4.5rem);align-items:start;padding-top:1.7rem;position:relative}
.smaol-lower::before{content:"";position:absolute;left:0;right:0;top:0;height:16px;
  background:
    repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 12px) 0 100%/100% 8px no-repeat,
    repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 60px) 0 100%/100% 16px no-repeat,
    linear-gradient(var(--ink),var(--ink)) 0 100%/100% 2px no-repeat}
.smaol-lead{font-size:1.25rem;max-width:58ch;margin:0 0 1.1em;color:var(--ink)}
.smaol-trust{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.55rem 1.4rem;font-size:1.02rem}
.smaol-trust li{display:flex;gap:.6rem;align-items:flex-start}
.smaol-trust li::before{content:"";flex:none;width:.95rem;height:.95rem;margin-top:.35rem;background:var(--ink);clip-path:polygon(50% 0,100% 100%,0 100%)}
.smaol-acts{display:grid;gap:.8rem;margin:0;max-width:none}
.smaol-acts .smaol-btn{width:100%}
.smaol-span{margin-top:clamp(1.8rem,4vw,3rem);padding:0 12px;max-width:calc(var(--maxw) + 24px);margin-inline:auto;margin-bottom:0}
.smaol-truss{display:block;width:100%;height:auto}
@media (max-width:900px){.smaol-lower{grid-template-columns:1fr}.smaol-trust{grid-template-columns:1fr}}

/* sections */
.smaol-sec{padding:3.6rem 12px}
.smaol-section{padding:3.6rem 12px}
.smaol-sec-head{margin-bottom:1.6rem}
.smaol-sec-head h2{margin-bottom:0}
.smaol-section--soft{background:transparent}
.smaol-how{border-top:4px solid var(--ink);background:var(--graph)}
.smaol-steps,.smaol-cols{display:grid;gap:2.6rem;grid-template-columns:repeat(3,minmax(0,1fr))}
.smaol-cols{gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
@media (max-width:860px){.smaol-steps{grid-template-columns:1fr;gap:2.2rem}}
.smaol-card{background:var(--sheet);border:3px solid var(--ink);border-radius:3px;padding:1.3rem;position:relative}
.smaol-steps .smaol-card{padding:1.4rem 1.3rem 1.5rem;box-shadow:6px 6px 0 var(--birch-2)}
.smaol-steps .smaol-card:not(:last-child)::after{content:"\2192";content:"\2192"/"";position:absolute;right:-2.35rem;top:1.15rem;width:2rem;text-align:center;font:800 1.8rem/1 var(--head);color:var(--ink)}
@media (max-width:860px){.smaol-steps .smaol-card:not(:last-child)::after{content:"\2193";content:"\2193"/"";right:auto;left:1.6rem;top:auto;bottom:-2.2rem}}
.smaol-num{display:inline-grid;place-items:center;width:3.6rem;height:3.6rem;background:var(--ink);color:var(--bp-ink);font:800 2.3rem/1 var(--head);margin-bottom:.9rem;border-radius:0;font-variant-numeric:tabular-nums}
.smaol-steps .smaol-card p{margin-bottom:0}

/* quote: the plan sheet lying on a birch table */
.smaol-panel{padding:3.2rem 12px;border-block:4px solid var(--ink);
  background-color:var(--birch);
  background-image:
    repeating-linear-gradient(90deg,transparent 0 179px,rgba(90,67,28,.45) 179px 181px),
    repeating-linear-gradient(0deg,transparent 0 7px,rgba(185,143,75,.28) 7px 8px,transparent 8px 19px)}
.smaol-quote{background-color:var(--sheet);border:3px solid var(--ink);border-radius:3px;padding:clamp(1.2rem,3vw,2rem);position:relative;box-shadow:10px 10px 0 rgba(20,35,43,.85);
  background-image:linear-gradient(#E3EEE9 1px,transparent 1px),linear-gradient(90deg,#E3EEE9 1px,transparent 1px);background-size:24px 24px}
.smaol-quote::before,.smaol-quote::after{content:"";position:absolute;top:-14px;width:84px;height:26px;background:rgba(243,230,200,.92);border:1px solid rgba(138,106,51,.55)}
.smaol-quote::before{left:22px;transform:rotate(-4deg)}.smaol-quote::after{right:22px;transform:rotate(3deg)}
.smaol-quote h2{font-size:clamp(1.7rem,3.4vw,2.4rem)}
.smaol-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.4rem}
@media (max-width:620px){.smaol-fields{grid-template-columns:1fr}}
.smaol-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}
.smaol-field > span{font:600 1.1rem/1.2 var(--head);letter-spacing:.02em;color:var(--ink)}
.smaol-field input,.smaol-field select,.smaol-field textarea{font:inherit;font-size:1.0625rem;min-height:50px;padding:.6rem .75rem;border:3px solid var(--ink);border-radius:3px;background:#fff;color:var(--ink);width:100%}
.smaol-field textarea{min-height:140px}
.smaol-field input:focus,.smaol-field select:focus,.smaol-field textarea:focus{outline:3px solid #0B5CAD;outline-offset:2px;border-color:var(--ink)}
.smaol-field--wide{grid-column:1/-1}
.smaol-seg{display:flex;flex-wrap:wrap;gap:.55rem}
.smaol-seg label{position:relative;display:inline-flex;align-items:center;min-height:48px;border:3px solid var(--ink);border-radius:3px;padding:.4rem 1rem;cursor:pointer;font:600 1.1rem/1.1 var(--head);background:#fff;color:var(--ink)}
.smaol-seg label:hover{background:var(--birch-3)}
.smaol-seg input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.smaol-seg input:checked+span{background:none;margin:0;padding:0;display:inline;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.2em}
.smaol-seg label:has(input:checked){background:var(--pencil);color:var(--pencil-ink);box-shadow:inset 0 -6px 0 var(--ink)}
.smaol-seg label:has(input:focus-visible){outline:3px solid #0B5CAD;outline-offset:3px}
.smaol-seg input:focus-visible+span{outline:none}
.smaol-note{font-size:1rem;color:var(--ink-2);margin:.9rem 0 1rem}
.smaol-quote .smaol-btn{margin-top:.3rem}
.smaol-status{margin-top:.9rem;font-weight:700;min-height:1.4em}
.smaol-status[data-tone=error]{color:var(--red)}
.smaol-results{margin-top:1.6rem}
.smaol-summary{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;align-items:baseline;margin-bottom:1rem;font-size:1.02rem}
.smaol-group{font:800 1.5rem/1.1 var(--head);margin:1.6rem 0 .6rem}
.smaol-result{display:grid;grid-template-columns:1fr auto;gap:.6rem 1.4rem;align-items:center;border:3px solid var(--ink);border-radius:3px;padding:1rem 1.2rem;margin-bottom:.8rem;background:var(--sheet)}
.smaol-result--best{border-left-width:14px;border-left-color:var(--pencil);box-shadow:inset 0 0 0 0 transparent,0 0 0 3px var(--ink)}
.smaol-result strong{font:800 1.25rem/1.15 var(--head)}
.smaol-result small{display:block;color:var(--ink-2);font-size:.95rem}
.smaol-price{font:800 2.2rem/1 var(--head);text-align:right;font-variant-numeric:tabular-nums}
.smaol-price small{display:block;font:400 .9rem var(--body);text-align:right;margin-top:.3rem;color:var(--ink-2)}
.smaol-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}
.smaol-tag{font:600 .9rem/1.1 var(--head);letter-spacing:.04em;padding:.3rem .6rem;border-radius:0;background:var(--birch-3);border:2px solid var(--ink);color:var(--ink)}
.smaol-tag--now{background:#FBE2DC;color:#7A1A0F;border-color:#7A1A0F;font-weight:600}
.smaol-applicant{margin:.2rem 0 1rem;border-color:var(--ink)}
.smaol-result .smaol-btn{grid-column:1/-1;justify-self:start}
@media (min-width:640px){.smaol-result{grid-template-columns:1fr auto auto}.smaol-result .smaol-btn{grid-column:auto}}
.smaol-disclosure{font-size:.95rem;color:var(--ink-2);border-top:2px solid var(--ink);padding-top:.9rem;margin-top:1.2rem}
details.smaol-more{margin-top:.5rem;font-size:1rem}details.smaol-more summary{cursor:pointer;color:var(--blue);font-weight:700;min-height:44px;display:flex;align-items:center}

/* no-exam highlight */
.smaol-noexam{background:var(--birch-3);border:3px solid var(--ink);border-radius:3px;padding:1rem 1rem .4rem;margin:0 0 1.4rem;box-shadow:6px 6px 0 var(--birch-2)}
.smaol-group--noexam{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:0;font-size:1.5rem}
.smaol-noexam-badge{display:inline-block;background:var(--ink);color:var(--bp-ink);font:600 .95rem/1 var(--head);letter-spacing:.12em;text-transform:uppercase;padding:.5rem .75rem;border-radius:0}
.smaol-noexam-note{margin-bottom:.9rem;color:var(--ink)}
.smaol-result--noexam{border-color:var(--ink);background:var(--sheet)}
.smaol-tag--noexam{background:var(--ink);color:var(--bp-ink);border-color:var(--ink)}
.smaol-tag--usually{background:var(--sheet);color:var(--ink);border-color:var(--ink)}
.smaol-noexam-note+.smaol-noexam-note{margin-top:1rem;padding-top:.9rem;border-top:2px dashed var(--ink)}

/* rates: the load table, numbers at gate-number scale */
.smaol-totem{padding:3.6rem 12px}
@media (max-width:700px){.smaol-sec,.smaol-section,.smaol-totem{padding:2.4rem 12px}.smaol-panel{padding:2.2rem 12px}}
.smaol-totem .smaol-sec-head{margin-bottom:1rem}
.smaol-totem > .smaol-wrap > p{font-size:1rem;color:var(--ink-2);max-width:72ch}
.smaol-table-wrap{overflow-x:auto;padding:3px;background:var(--sheet);border:3px solid var(--ink);border-radius:3px;box-shadow:8px 8px 0 var(--birch-2)}
.smaol-table{width:100%;border-collapse:collapse;font-size:1.05rem}
.smaol-table th,.smaol-table td{padding:.7rem .9rem;text-align:left;border-bottom:2px solid var(--ink)}
.smaol-table th{background:var(--ink);color:var(--bp-ink);font:600 .95rem/1.2 var(--head);letter-spacing:.1em;text-transform:uppercase;border-bottom:0}
.smaol-table tbody tr:nth-child(even){background:#EDF4EF}
.smaol-table tbody tr:last-child td{border-bottom:0}
.smaol-table td{font-weight:700}
.smaol-table td:nth-child(n+2){font:800 1.55rem/1 var(--head);font-variant-numeric:tabular-nums;white-space:nowrap}
.smaol-table td:nth-child(2){background:var(--birch-3)}
@media (max-width:560px){.smaol-table th,.smaol-table td{padding:.6rem .5rem}.smaol-table th{font-size:.82rem;letter-spacing:.04em}.smaol-table td:nth-child(n+2){font-size:1.3rem}.smaol-table{font-size:.98rem}}

/* why: cyanotype section with taped prints */
.smaol-why,.smaol-section--deep{background-color:var(--bp);color:var(--bp-ink);border-block:4px solid var(--ink);
  background-image:linear-gradient(var(--bp-line) 1px,transparent 1px),linear-gradient(90deg,var(--bp-line) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px}
.smaol-why h2,.smaol-why h3,.smaol-section--deep h2,.smaol-section--deep h3{color:var(--bp-ink)}
.smaol-why a,.smaol-section--deep a{color:var(--birch)}
.smaol-why a:hover,.smaol-section--deep a:hover{color:#fff}
.smaol-why-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2rem clamp(1.5rem,4vw,4rem);align-items:start}
@media (max-width:900px){.smaol-why-grid{grid-template-columns:1fr}}
.smaol-why-main > h2{max-width:14ch}
.smaol-why-text p,.smaol-hl p,.smaol-section--deep p{color:var(--bp-ink);max-width:62ch}
.smaol-hl{margin-top:1.2rem;padding:1rem 1.1rem;background:var(--ink);border:2px solid var(--bp-ink)}
.smaol-hl p{margin:0;font-size:1.02rem}
.smaol-hl a{display:inline-block;padding:.35rem 0;font-weight:700}
.smaol-why-photos{position:relative}
.smaol-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem 1.1rem}
.smaol-mosaic a{position:relative;display:block;background:var(--sheet);padding:9px 9px 0;border:1px solid var(--ink);border-radius:0;overflow:visible;aspect-ratio:auto;color:var(--ink);text-decoration:none;box-shadow:5px 6px 0 rgba(7,24,36,.8)}
.smaol-mosaic a:first-child{grid-column:1/-1;aspect-ratio:auto}
.smaol-mosaic a:nth-child(2){transform:rotate(-1.2deg)}.smaol-mosaic a:nth-child(3){transform:rotate(1deg)}
.smaol-mosaic a::before{content:"";position:absolute;left:50%;top:-12px;width:78px;height:24px;margin-left:-39px;background:rgba(228,200,146,.92);border:1px solid rgba(138,106,51,.6);transform:rotate(-3deg);z-index:2}
.smaol-mosaic img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:none;border:1px solid var(--rule)}
.smaol-mosaic a:hover img{transform:none}
.smaol-mosaic span{position:static;display:block;padding:.6rem .1rem .8rem;background:none;color:var(--ink);font:600 1.02rem/1.2 var(--head);letter-spacing:.01em}
.smaol-mosaic a:hover span{text-decoration:underline;text-decoration-thickness:3px;color:var(--ink)}
.smaol-sticks{display:block;width:clamp(130px,16vw,190px);height:auto;margin:.4rem 0 0 auto}

/* learn: the choices ahead, one yellow band per line */
.smaol-learn{border-top:4px solid var(--ink);padding-bottom:clamp(2.6rem,5vw,4.4rem)}
.smaol-learn-list{display:grid;gap:.9rem}
.smaol-learn-list .smaol-card{display:block;background:var(--pencil);color:var(--ink);border:3px solid var(--ink);border-radius:3px;padding:1.05rem 5rem 1.05rem 1.3rem;text-decoration:none;min-height:84px}
.smaol-learn-list .smaol-card h3{margin:0 0 .25rem;font:800 1.6rem/1.08 var(--head);color:var(--ink)}
.smaol-learn-list .smaol-card p{margin:0;color:var(--ink);font-size:1.05rem;max-width:60ch}
.smaol-learn-list .smaol-card::after{content:"\2192";content:"\2192"/"";position:absolute;right:0;top:0;bottom:0;width:4.1rem;display:grid;place-items:center;background:var(--ink);color:var(--bp-ink);font:800 2rem/1 var(--head)}
.smaol-learn-list .smaol-card:hover{background:var(--sheet);box-shadow:6px 6px 0 var(--ink)}
.smaol-learn-list .smaol-card:hover::after{background:var(--pencil);color:var(--ink)}
@media (max-width:520px){.smaol-learn-list .smaol-card{padding-right:4.3rem}.smaol-learn-list .smaol-card::after{width:3.4rem}}
@media (min-width:900px){.smaol-learn-list{grid-template-columns:1fr 1fr}}

/* inner pages */
.smaol-article{max-width:var(--measure);margin-inline:auto;padding-inline:4px}
.smaol-article h1{font-size:clamp(2.3rem,5vw,3.8rem);max-width:18ch}
.smaol-article h2{margin-top:1.8em;font-size:clamp(1.7rem,3.4vw,2.3rem);padding-top:.5rem;border-top:3px solid var(--ink)}
.smaol-article p,.smaol-article li{max-width:none}
.smaol-article figure{margin:0 0 1.6rem}
.smaol-article figcaption{font-size:.95rem;color:var(--ink-2);margin-top:.5rem}
.smaol-article img{border-radius:0;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--birch-2)}
.smaol-article .smaol-card{margin:1.6rem 0}
.smaol-article .smaol-calc h2{border-top:0;margin-top:0;padding-top:0;font-size:1.5rem}
.smaol-sources{font-size:1rem;border-top:3px solid var(--ink);padding-top:1rem;margin-top:2.2rem}.smaol-sources ol{padding-left:1.3rem}
.smaol-calc output{font:800 2.8rem/1 var(--head);display:block;margin-top:.9rem;font-variant-numeric:tabular-nums;background:var(--ink);color:var(--bp-ink);padding:.5rem .8rem;width:fit-content;max-width:100%}
.smaol-faq details{border-bottom:3px solid var(--ink);padding:.3rem 0}
.smaol-faq summary{cursor:pointer;font:800 1.35rem/1.3 var(--head);min-height:52px;display:flex;align-items:center;gap:.7rem;padding:.4rem 0;list-style:none}
.smaol-faq summary::-webkit-details-marker{display:none}
.smaol-faq summary::before{content:"+";content:"+"/"";flex:none;display:inline-grid;place-items:center;width:2rem;height:2rem;background:var(--ink);color:var(--bp-ink);font:800 1.4rem/1 var(--head)}
.smaol-faq details[open] summary::before{content:"\2212";content:"\2212"/""}
.smaol-faq details p{padding-left:2.7rem}
.smaol-apply-shell{background:var(--sheet);border:3px solid var(--ink);border-radius:3px;padding:1rem;min-height:600px;box-shadow:8px 8px 0 var(--birch-2)}
.smaol-apply-shell iframe{width:100%;border:0}
.smaol-section > .smaol-wrap > h1,.smaol-section > .smaol-wrap > .smaol-lead{max-width:22ch}
.smaol-section > .smaol-wrap > .smaol-lead{max-width:60ch}

/* footer: the workshop floor, a birch stick along its top */
.smaol-foot{background:var(--ink);color:#D9E5E8;padding-block:0 2.4rem;font-size:1rem;position:relative;border-top:0}
.smaol-foot::before{content:"";display:block;height:20px;margin-bottom:2.2rem;border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);
  background-color:var(--birch);background-image:repeating-linear-gradient(180deg,transparent 0 5px,rgba(185,143,75,.55) 5px 6px,transparent 6px 11px)}
.smaol-foot-grid{display:grid;gap:1.6rem;grid-template-columns:2fr 1fr 1fr}
@media (max-width:700px){.smaol-foot-grid{grid-template-columns:1fr}}
.smaol-foot a{color:var(--birch)}.smaol-foot a:hover{color:#fff}
.smaol-foot .smaol-brand{color:var(--bp-ink);font-size:1.5rem}
.smaol-foot .smaol-brand:hover{color:#fff}
.smaol-foot nav a{display:block;margin-bottom:.1rem;padding:.55rem 0;min-height:44px}
.smaol-foot strong{display:block;font:600 1rem var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--bp-ink);margin-bottom:.5rem}
.smaol-foot [data-copy=legal]{font-size:.95rem!important;color:#C3D3D8;max-width:100ch}
.smaol-foot p{color:#D9E5E8}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.smaol-wx .smaol-wx-photo:hover span,.smaol-wx .smaol-wx-photo[aria-expanded=true] span{color:#14232B}