/* Adelanto Life Insurance: one rain-washed issue in black ink on white stock, one resin-green spot, a strict grid,
   heavy rules, serif initials, and a small creosote sprig tucked into every view. */
@font-face{font-family:"DM Serif Display";src:url(/assets/font-tycvloeh-dm-serif-display-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Golos Text";src:url(/assets/font-tycvloeh-golos-text-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Golos Text";src:url(/assets/font-tycvloeh-golos-text-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Golos Text";src:url(/assets/font-tycvloeh-golos-text-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  color-scheme:light;
  --ink:#0d100b;
  --ink-2:#394033;
  --paper:#fbfcf8;
  --tint:#eef1e2;
  --spot:#c8d63a;
  --spot-hi:#dbe85f;
  --deep:#45540a;
  --hair:#b4bba3;
  --head:"DM Serif Display","Bodoni 72",Didot,"Iowan Old Style",Georgia,serif;
  --body:"Golos Text","Helvetica Neue",Arial,sans-serif;
  --maxw:1180px;
  --gap:clamp(1.5rem,4vw,3.5rem);
  --measure:66ch;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-weight:400;font-size:17.5px;line-height:1.65;font-synthesis:none;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
::selection{background:var(--spot);color:var(--ink)}
a{color:var(--deep);text-decoration-thickness:2px;text-underline-offset:.22em}
a:hover{background:var(--spot);color:var(--ink);text-decoration-color:var(--ink)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 6px var(--spot)}
h1,h2,h3{font-family:var(--head);font-weight:400;line-height:1.08;margin:0 0 .5em;letter-spacing:-.005em;color:var(--ink);text-wrap:balance}
h1{font-size:clamp(2.5rem,6vw,5.2rem);line-height:1.0;letter-spacing:-.015em}
h2{font-size:clamp(1.95rem,3.8vw,3.1rem)}
h3{font-size:1.45rem;line-height:1.15}
p{margin:0 0 1em;max-width:var(--measure)}
strong{font-weight:700}
.sl34o-wrap{width:min(100% - 2.5rem,var(--maxw));margin-inline:auto}
@media (max-width:600px){.sl34o-wrap{width:min(100% - 2rem,var(--maxw))}}
.sl34o-skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--paper);padding:.75rem 1rem;z-index:99}
.sl34o-skip:focus{left:1rem;top:1rem}

/* masthead */
.sl34o-head{position:relative;z-index:20;background:var(--paper);border-bottom:8px solid var(--ink)}
.sl34o-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.2rem 2rem;min-height:84px}
.sl34o-brand{display:inline-flex;align-items:center;min-height:48px;font-family:var(--head);font-weight:400;font-size:clamp(1.5rem,3vw,2.15rem);line-height:1;letter-spacing:-.01em;color:var(--ink);text-decoration:none}
.sl34o-brand img{display:none}
.sl34o-brand:hover{background:none;color:var(--deep)}
.sl34o-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 .4rem}
.sl34o-links a{display:inline-flex;align-items:center;min-height:48px;padding:0 .85rem;color:var(--ink);text-decoration:none;font-weight:600;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(var(--ink),var(--ink)) left calc(100% - .55rem)/0 3px no-repeat}
.sl34o-links a:hover{background:linear-gradient(var(--ink),var(--ink)) left calc(100% - .55rem)/calc(100% - 1.7rem) 3px no-repeat;background-position-x:.85rem;color:var(--ink)}
.sl34o-links a.sl34o-cta{background:var(--ink);color:var(--paper)!important;padding:0 1.25rem;margin-left:.6rem}
.sl34o-links a.sl34o-cta:hover{background:var(--spot);color:var(--ink)!important}
.sl34o-menu{display:none;align-items:center;justify-content:center;min-width:48px;min-height:48px;background:var(--paper);border:2px solid var(--ink);border-radius:0;padding:0;color:var(--ink);cursor:pointer}
@media (max-width:760px){
  .sl34o-nav{min-height:72px}
  .sl34o-menu{display:inline-flex}
  .sl34o-links{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:8px solid var(--ink);flex-direction:column;align-items:stretch;padding:.5rem 1.25rem 1.25rem;gap:0;margin:0}
  .sl34o-links[data-open]{display:flex}
  .sl34o-links a{border-bottom:1px solid var(--hair);padding:0}
  .sl34o-links a.sl34o-cta{margin:1rem 0 0;justify-content:center}
}

/* weather: the issue's colophon strip */
.sl34o-wx{background:var(--ink);color:var(--paper);padding-inline:1.25rem}
.sl34o-wx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 2rem;padding:.65rem 0}
.sl34o-wx-photo{display:inline-flex;align-items:center;gap:.7rem;min-height:48px;background:none;border:0;padding:0;color:var(--paper);font:inherit;cursor:pointer}
.sl34o-wx-photo img{width:44px;height:44px;border-radius:0;object-fit:cover;border:0;filter:grayscale(1) contrast(1.1)}
.sl34o-wx-photo span{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border:0;border-bottom:2px solid var(--spot);border-radius:0;padding:.1rem 0;color:var(--paper)}
.sl34o-wx-photo:hover span,.sl34o-wx-photo[aria-expanded=true] span{background:var(--spot);border-color:var(--spot);color:var(--ink);padding-inline:.4rem}
.sl34o-wx-now{display:flex;align-items:center;gap:.7rem}
.sl34o-wx-now strong{font-family:var(--head);font-weight:400;font-size:2.2rem;line-height:1;color:var(--spot)}
.sl34o-wx-now span{font-size:1rem}
.sl34o-wx-now small{display:block;font-size:.85rem;opacity:.85}
.sl34o-wx-icon{display:inline-flex;color:var(--spot)}
.sl34o-wx-days{display:flex;flex-wrap:wrap;gap:.4rem 0;list-style:none;margin:0;padding:0}
.sl34o-wx-days li{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:.55rem;align-items:center;border:0;border-left:1px solid rgba(251,252,248,.4);border-radius:0;padding:.2rem .9rem;font-size:.85rem;min-width:124px}
.sl34o-wx-day{font-weight:700;grid-column:1;letter-spacing:.06em;text-transform:uppercase}
.sl34o-wx-glyph{grid-row:1/3;grid-column:2;color:var(--spot)}.sl34o-wx-glyph svg{width:22px;height:22px}
.sl34o-wx-hl{grid-column:1}.sl34o-wx-hl strong{font-size:.95rem}.sl34o-wx-hl em{font-style:normal;opacity:.8;margin-left:.3rem}
.sl34o-wx-cond{grid-column:1/3;font-size:.8rem;opacity:.9;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl34o-wx-source{margin-left:auto;font-size:.82rem;opacity:.85}
.sl34o-wx-panel{padding:0 0 1.2rem}.sl34o-wx-panel img{border-radius:0;max-width:600px;width:100%;background:#000;border:2px solid var(--paper)}.sl34o-wx-panel p{font-size:.85rem;opacity:.9;margin:.5rem 0 0}
@media (max-width:700px){.sl34o-wx-source{margin-left:0;width:100%}.sl34o-wx-now strong{font-size:1.9rem}.sl34o-wx-days li:first-child{border-left:0;padding-left:0}}

/* department label */
.sl34o-eyebrow{display:block;font-family:var(--head);font-size:1.2rem;font-weight:400;line-height:1.3;color:var(--ink);margin:0 0 .9rem;padding-top:.7rem;border-top:4px solid var(--ink);max-width:none}
.sl34o-eyebrow::before{content:"";display:inline-block;width:.7rem;height:.7rem;background:var(--spot);border:2px solid var(--ink);margin-right:.55rem;vertical-align:.02rem}

/* lead paragraph: the interview opener, with its serif initial */
.sl34o-lead{font-size:1.2rem;line-height:1.6;color:var(--ink);display:flow-root}
.sl34o-lead::first-letter{font-family:var(--head);font-size:2.4em;line-height:.85;color:var(--deep);padding-right:.04em}

/* cover */
.sl34o-hero{padding:2.2rem 0 3rem;background:var(--paper)}
.sl34o-cover-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:var(--gap);align-items:start}
.sl34o-folio .sl34o-eyebrow{margin-bottom:1rem}
.sl34o-trust{list-style:none;margin:0 0 1.5rem;padding:0;font-size:1rem;counter-reset:t}
.sl34o-trust li{counter-increment:t;display:flex;gap:.8rem;align-items:baseline;padding:.6rem 0;border-bottom:1px solid var(--hair);line-height:1.4}
.sl34o-trust li::before{content:counter(t,decimal-leading-zero);font-family:var(--head);font-size:1.35rem;line-height:1;color:var(--deep);min-width:1.9rem}
.sl34o-wand{display:block;color:var(--ink);margin-top:1.5rem;max-width:230px}
.sl34o-wand svg{width:100%;height:auto;display:block}
.sl34o-cover h1{margin:0 0 1.3rem;padding-top:.5rem;border-top:4px solid var(--ink);max-width:14ch}
.sl34o-lower{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);column-gap:var(--gap);align-items:start;border-top:1px solid var(--ink);padding-top:1.2rem}
.sl34o-lower .sl34o-lead{margin:0}
.sl34o-lower .sl34o-lead::first-letter{float:left;font-size:4.7em;line-height:.76;padding:.06em .1em 0 0;color:var(--ink);background:none}
.sl34o-acts{display:flex;flex-direction:column;gap:.7rem;margin:0}
.sl34o-acts .sl34o-btn{width:100%;justify-content:space-between}
@media (max-width:900px){
  .sl34o-cover-grid{grid-template-columns:1fr;row-gap:1.6rem}
  .sl34o-cover{order:-1}
  .sl34o-folio{display:grid;grid-template-columns:1fr 150px;column-gap:1.5rem;align-items:start}
  .sl34o-folio .sl34o-eyebrow{grid-column:1/-1}
  .sl34o-wand{grid-column:2;grid-row:2;margin-top:0;max-width:150px}
  .sl34o-trust{grid-column:1;grid-row:2}
  .sl34o-lower{grid-template-columns:1fr;row-gap:1.4rem}
}
@media (max-width:480px){.sl34o-folio{grid-template-columns:1fr}.sl34o-wand{display:none}.sl34o-acts{flex-direction:column}}

/* buttons: rectangles with rules */
.sl34o-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:52px;border:2px solid var(--ink);border-radius:0;padding:.7rem 1.4rem;font:inherit;font-weight:700;font-size:1rem;letter-spacing:.02em;cursor:pointer;text-decoration:none;transition:background .15s,color .15s}
.sl34o-btn--primary{background:var(--ink);color:var(--paper)}
.sl34o-btn--primary:hover{background:var(--spot);color:var(--ink)}
.sl34o-btn--ghost{background:var(--paper);color:var(--ink)}
.sl34o-btn--ghost:hover{background:var(--ink);color:var(--paper)}
.sl34o-btn[disabled]{opacity:.65;cursor:progress}

/* photo plates: the only imagery, printed in the spot ink */
.sl34o-plates{padding:0 0 3.2rem}
.sl34o-mosaic{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-auto-rows:clamp(150px,17vw,235px);gap:6px;background:var(--ink);border:6px solid var(--ink)}
.sl34o-mosaic a{position:relative;display:block;overflow:hidden;background:var(--spot);border-radius:0;color:var(--paper);text-decoration:none}
.sl34o-mosaic a:first-child{grid-row:1/3}
.sl34o-mosaic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.12);mix-blend-mode:multiply;transition:filter .3s}
.sl34o-mosaic a:hover img,.sl34o-mosaic a:focus-visible img{filter:grayscale(0) contrast(1.02);mix-blend-mode:normal}
.sl34o-mosaic span{position:absolute;left:0;bottom:0;max-width:92%;padding:.55rem .9rem;background:var(--ink);color:var(--paper);font-weight:600;font-size:.95rem;line-height:1.3}
.sl34o-mosaic a:hover{background:var(--spot-hi);color:var(--paper)}
@media (max-width:640px){.sl34o-mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:auto}.sl34o-mosaic a{height:clamp(120px,32vw,170px)}.sl34o-mosaic a:first-child{grid-column:1/-1;grid-row:auto;height:clamp(190px,52vw,260px)}.sl34o-mosaic span{font-size:.85rem;padding:.4rem .6rem}}

/* sections */
.sl34o-sec{padding:3.4rem 0}
.sl34o-section{padding:3.2rem 0;border-top:0}
.sl34o-section--soft{background:var(--tint);border-top:8px solid var(--ink)}
.sl34o-section--deep{background:var(--ink);color:var(--paper)}
.sl34o-section--deep h1,.sl34o-section--deep h2,.sl34o-section--deep h3,.sl34o-section--deep .sl34o-lead,.sl34o-section--deep .sl34o-eyebrow{color:var(--paper)}
.sl34o-section--deep .sl34o-eyebrow{border-color:var(--paper)}
.sl34o-section--deep a{color:var(--spot)}
.sl34o-split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:var(--gap);align-items:start}
.sl34o-split-head h2{margin-bottom:.4em}
@media (max-width:900px){.sl34o-split{grid-template-columns:1fr;row-gap:1.4rem}}

/* how it works: three numbered courses */
.sl34o-how{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin-top:0}
.sl34o-steps{counter-reset:s}
.sl34o-cols{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.sl34o-card{background:transparent;border:0;border-top:4px solid var(--ink);border-radius:0;padding:1rem 0 .5rem;box-shadow:none}
.sl34o-steps .sl34o-card{display:grid;grid-template-columns:4.4rem minmax(0,1fr);column-gap:1rem;padding:1.1rem 0 1.3rem;border-top:0;border-bottom:1px solid var(--hair)}
.sl34o-steps .sl34o-card:first-child{border-top:4px solid var(--ink)}
.sl34o-steps .sl34o-card:last-child{border-bottom:0}
.sl34o-steps .sl34o-card h3{grid-column:2;margin-bottom:.25em}
.sl34o-steps .sl34o-card p{grid-column:2;margin-bottom:0}
.sl34o-num{display:block;font-family:var(--head);font-weight:400;font-size:3.8rem;line-height:.85;color:var(--deep);margin:0;grid-row:1/3;background:none;width:auto;height:auto;border-radius:0}
.sl34o-cols>.sl34o-card .sl34o-num{margin-bottom:.4rem}
a.sl34o-card{display:block;color:var(--ink);text-decoration:none}

/* quote form: the reader's page, set on the tint */
.sl34o-panel{background:var(--tint);border-top:8px solid var(--ink);border-bottom:8px solid var(--ink);padding:3.2rem 0}
.sl34o-quote{background:var(--paper);border:2px solid var(--ink);border-radius:0;padding:clamp(1.2rem,3vw,2.2rem);box-shadow:10px 10px 0 var(--ink);max-width:960px}
.sl34o-quote h2{font-size:clamp(1.7rem,3vw,2.3rem);padding-bottom:.5rem;border-bottom:1px solid var(--ink);margin-bottom:1.1rem}
.sl34o-quote h3{font-size:1.5rem}
.sl34o-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.4rem}
@media (max-width:560px){.sl34o-fields{grid-template-columns:1fr}}
.sl34o-field{display:flex;flex-direction:column;gap:.35rem}
.sl34o-field>span{font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.sl34o-field input,.sl34o-field select,.sl34o-field textarea{font:inherit;font-size:1.05rem;min-height:50px;padding:.6rem .8rem;border:2px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);width:100%}
.sl34o-field textarea{min-height:140px}
.sl34o-field input:focus,.sl34o-field select:focus,.sl34o-field textarea:focus{outline:3px solid var(--ink);outline-offset:2px;background:#fff;box-shadow:0 0 0 6px var(--spot)}
.sl34o-field--wide{grid-column:1/-1}
.sl34o-seg{display:flex;flex-wrap:wrap;gap:.5rem}
.sl34o-seg label{display:inline-flex;align-items:center;min-height:48px;border:2px solid var(--ink);border-radius:0;padding:.35rem 1rem;cursor:pointer;font-size:1rem;font-weight:600;background:var(--paper);position:relative}
.sl34o-seg label:hover{background:var(--tint)}
.sl34o-seg input{position:absolute;opacity:0;width:0;height:0}
.sl34o-seg input:checked+span{background:transparent;color:var(--ink);margin:0;padding:0;display:inline;border-radius:0;font-weight:700}
.sl34o-seg label:has(input:checked){background:var(--spot);color:var(--ink);box-shadow:inset 0 -6px 0 var(--ink)}
.sl34o-seg label:has(input:focus-visible){outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 6px var(--spot)}
.sl34o-seg input:focus-visible+span{outline:0}
.sl34o-note{font-size:.9rem;color:var(--ink-2);margin-top:.9rem}
.sl34o-status{margin-top:.9rem;font-weight:700;min-height:1.4em}
.sl34o-status[data-tone=error]{color:#8f1b12}
.sl34o-quote .sl34o-btn{margin-top:.6rem}

/* quote results: a ranked contents page */
.sl34o-results{margin-top:2rem;max-width:960px}
.sl34o-summary{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;align-items:baseline;margin-bottom:1rem;padding:.7rem 0;border-top:4px solid var(--ink);border-bottom:1px solid var(--ink);font-size:1rem}
.sl34o-summary strong{font-family:var(--head);font-weight:400;font-size:1.6rem}
.sl34o-result{display:grid;grid-template-columns:1fr auto;gap:.6rem 1.4rem;align-items:center;border:0;border-top:1px solid var(--ink);border-radius:0;padding:1.1rem 0 1.1rem 1rem;margin:0;background:var(--paper);position:relative}
.sl34o-result:last-of-type{border-bottom:1px solid var(--ink)}
.sl34o-result--best{background:var(--spot);border-top-width:4px;box-shadow:none}
.sl34o-result--best .sl34o-tag{border-color:var(--ink)}
.sl34o-result strong{font-family:var(--head);font-weight:400;font-size:1.45rem;line-height:1.1}
.sl34o-result small{display:block;color:var(--ink-2);font-size:.9rem}
.sl34o-result--best small{color:var(--ink)}
.sl34o-price{font-family:var(--head);font-weight:400;font-size:2.4rem;text-align:right;line-height:1;font-variant-numeric:tabular-nums}
.sl34o-price small{display:block;font-family:var(--body);font-size:.8rem;font-weight:600;text-align:right;margin-top:.3rem;letter-spacing:.06em;text-transform:uppercase}
.sl34o-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}
.sl34o-tag{font-size:.78rem;font-weight:700;letter-spacing:.04em;padding:.15rem .55rem;border-radius:0;background:var(--paper);color:var(--ink);border:1.5px solid var(--ink)}
.sl34o-tag--now{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.sl34o-group{font-size:1.6rem;margin:2rem 0 .6rem}
.sl34o-applicant{margin:.4rem 0 1.2rem;border-color:var(--ink);box-shadow:6px 6px 0 var(--spot)}
.sl34o-result .sl34o-btn{grid-column:1/-1;justify-self:start}
@media (min-width:640px){.sl34o-result{grid-template-columns:1fr auto auto}.sl34o-result .sl34o-btn{grid-column:auto}}
.sl34o-disclosure{font-size:.88rem;color:var(--ink-2);border-top:1px solid var(--ink);padding-top:.9rem;margin-top:1.4rem}
details.sl34o-more{margin-top:.5rem;font-size:.9rem}
details.sl34o-more summary{cursor:pointer;color:var(--deep);font-weight:700;min-height:44px;display:flex;align-items:center}

/* no-exam block */
.sl34o-noexam{background:var(--tint);border:2px solid var(--ink);border-radius:0;padding:1.1rem 1.2rem .5rem;margin:0 0 1.6rem;box-shadow:8px 8px 0 var(--spot)}
.sl34o-group--noexam{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:0;font-size:1.5rem}
.sl34o-noexam-badge{display:inline-block;background:var(--ink);color:var(--spot);font-family:var(--body);font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.35rem .7rem;border-radius:0}
.sl34o-noexam-note{margin-bottom:.9rem;color:var(--ink)}
.sl34o-result--noexam{border-color:var(--ink);background:var(--paper)}
.sl34o-tag--noexam{background:var(--spot);color:var(--ink);border-color:var(--ink)}
.sl34o-tag--usually{background:var(--paper);color:var(--ink);border-color:var(--ink);border-style:dashed}
.sl34o-noexam-note+.sl34o-noexam-note{margin-top:1rem;padding-top:.9rem;border-top:1px dashed var(--ink)}

/* example rates: a ruled ledger */
.sl34o-ledger{min-width:0}
.sl34o-table-wrap{overflow-x:auto}
.sl34o-table{width:100%;border-collapse:collapse;font-size:1.05rem;font-variant-numeric:tabular-nums;border-top:4px solid var(--ink);border-bottom:2px solid var(--ink)}
.sl34o-table th,.sl34o-table td{padding:.75rem .8rem;border-bottom:1px solid var(--hair);text-align:left}
.sl34o-table th{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--ink);border-bottom:2px solid var(--ink);vertical-align:bottom}
.sl34o-table td:first-child{font-weight:700}
.sl34o-table td:nth-child(2){font-family:var(--head);font-size:1.45rem;line-height:1.1}
.sl34o-table tbody tr:hover td{background:var(--spot)}
.sl34o-rates .sl34o-split-head p{font-size:.95rem;color:var(--ink-2)}

/* why: black feature spread, strict two columns */
.sl34o-why{background:var(--ink);color:var(--paper)}
.sl34o-why .sl34o-wrap{display:block}
.sl34o-why-head{max-width:none}
.sl34o-why .sl34o-eyebrow{color:var(--paper);border-top-color:var(--paper)}
.sl34o-why .sl34o-eyebrow::before{border-color:var(--paper)}
.sl34o-why h2{color:var(--paper);max-width:18ch;font-size:clamp(2.2rem,4.6vw,3.9rem)}
.sl34o-why-text{columns:2 22rem;column-gap:var(--gap);column-rule:1px solid rgba(251,252,248,.4);margin-top:1.2rem}
.sl34o-why-text p{max-width:none;break-inside:avoid-column;color:var(--paper)}
.sl34o-why-text p:first-child::first-letter{float:left;font-family:var(--head);font-size:5.2em;line-height:.76;padding:.06em .12em 0 0;color:var(--spot)}
.sl34o-hl{margin-top:1.6rem;padding-top:1rem;border-top:1px solid rgba(251,252,248,.5)}
.sl34o-hl p{max-width:none;margin:0;color:var(--paper)}
.sl34o-why a{color:var(--spot);text-decoration-color:var(--spot)}
.sl34o-why a:hover{background:var(--spot);color:var(--ink)}

/* learn: contents list */
.sl34o-learn-head{max-width:none}
.sl34o-learn-list{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--gap);border-bottom:1px solid var(--ink)}
.sl34o-learn-list .sl34o-card{padding:1.1rem 1rem 1.4rem 0;min-height:44px;border-top:4px solid var(--ink)}
.sl34o-learn-list .sl34o-card h3{margin-bottom:.3em}
.sl34o-learn-list .sl34o-card p{margin-bottom:0;color:var(--ink-2)}
a.sl34o-card:hover{background:var(--spot);color:var(--ink);padding-left:1rem}
a.sl34o-card:hover p{color:var(--ink)}
a.sl34o-card:visited{border-top-width:1px}
@media (max-width:700px){.sl34o-learn-list{grid-template-columns:1fr}}
.sl34o-found{display:flex;justify-content:flex-end;color:var(--deep);padding-top:1.2rem}
.sl34o-found svg{width:30px;height:auto;transform:rotate(8deg)}

/* articles */
.sl34o-article{max-width:46rem;margin-inline:auto}
.sl34o-article h1{font-size:clamp(2.2rem,5vw,3.8rem);max-width:none;margin-bottom:.5em}
.sl34o-article h2{margin-top:1.8em;padding-top:.5rem;border-top:4px solid var(--ink);font-size:clamp(1.7rem,3vw,2.3rem)}
.sl34o-article p{max-width:none}
.sl34o-article figure{margin:0 0 1.6rem;border:6px solid var(--ink);background:var(--spot)}
.sl34o-article figure img{width:100%;border-radius:0;filter:grayscale(1) contrast(1.1);mix-blend-mode:multiply}
.sl34o-article figcaption{font-size:.85rem;color:var(--ink);margin:0;padding:.55rem .8rem;background:var(--paper);border-top:2px solid var(--ink);line-height:1.45}
.sl34o-article img{border-radius:0}
.sl34o-article .sl34o-card{border:2px solid var(--ink);border-top-width:6px;padding:1.2rem;background:var(--tint);margin:1.6rem 0}
.sl34o-calc output{font-family:var(--head);font-weight:400;font-size:3rem;line-height:1;display:block;margin-top:.8rem;color:var(--ink)}
.sl34o-sources{font-size:.92rem;border-top:4px solid var(--ink);padding-top:1rem;margin-top:2.4rem}
.sl34o-sources ol{padding-left:1.3rem}
.sl34o-faq details{border-bottom:1px solid var(--ink);padding:0}
.sl34o-faq details:first-child{border-top:4px solid var(--ink)}
.sl34o-faq summary{cursor:pointer;font-weight:400;font-family:var(--head);font-size:1.5rem;line-height:1.2;padding:1rem 2.4rem 1rem 0;min-height:48px;position:relative;list-style:none}
.sl34o-faq summary::-webkit-details-marker{display:none}
.sl34o-faq summary::after{content:"+";position:absolute;right:.2rem;top:.7rem;font-family:var(--body);font-weight:700;font-size:1.7rem;line-height:1}
.sl34o-faq details[open]>summary::after{content:"\2212"}
.sl34o-faq details[open]>summary{background:linear-gradient(var(--spot),var(--spot)) left bottom/100% 6px no-repeat}
.sl34o-faq details p{padding-bottom:.4rem}

/* application shell */
.sl34o-apply-shell{background:var(--paper);border:2px solid var(--ink);border-radius:0;padding:1rem;min-height:600px;box-shadow:10px 10px 0 var(--ink)}
.sl34o-apply-shell iframe{width:100%;border:0}

/* footer: back cover */
.sl34o-foot{background:var(--ink);color:var(--paper);border-top:0;padding:3rem 0 2.4rem;font-size:1rem;margin-top:0}
.sl34o-foot a{color:var(--paper);text-decoration-color:var(--spot)}
.sl34o-foot a:hover{background:var(--spot);color:var(--ink)}
.sl34o-foot-grid{display:grid;gap:2rem;grid-template-columns:2fr 1fr 1fr}
@media (max-width:700px){.sl34o-foot-grid{grid-template-columns:1fr}}
.sl34o-foot nav a{display:flex;align-items:center;min-height:44px;margin:0}
.sl34o-foot nav strong{display:block;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;padding-bottom:.5rem;margin-bottom:.4rem;border-bottom:2px solid var(--spot)}
.sl34o-foot .sl34o-brand{color:var(--paper);font-size:1.9rem;margin-bottom:.6rem}
.sl34o-foot .sl34o-brand:hover{background:none;color:var(--spot)}
.sl34o-foot-grid>div:first-child{position:relative}
.sl34o-foot-grid>div:first-child::after{content:"";display:block;width:30px;height:34px;margin-top:1.2rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 50'%3E%3Cg fill='%23c8d63a' stroke='%23c8d63a' stroke-linecap='round'%3E%3Cpath d='M16 44L15 34.5 16 25 20 15.5 26 6' fill='none' stroke-width='2.2'/%3E%3Cellipse cx='10.2' cy='30' rx='2.5' ry='6.9' transform='rotate(-46.2 10.2 30)' stroke='none'/%3E%3Cellipse cx='18.6' cy='29.1' rx='2.5' ry='6.9' transform='rotate(33.8 18.6 29.1)' stroke='none'/%3E%3Cellipse cx='12.7' cy='20' rx='2.3' ry='6.3' transform='rotate(-33.8 12.7 20)' stroke='none'/%3E%3Cellipse cx='21.6' cy='19.6' rx='2.2' ry='5.8' transform='rotate(40 21.6 19.6)' stroke='none'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
body:has(.sl34o-found) .sl34o-foot-grid>div:first-child::after{display:none}
.sl34o-foot p{max-width:46ch;color:var(--paper)}
.sl34o-foot p[data-copy]{font-size:.88rem;opacity:.92;max-width:80ch;border-top:1px solid rgba(251,252,248,.4);padding-top:1rem}

/* motion: content is always visible */
[data-reveal]{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.sl34o-wx{display:none}}
.sl34o-article .sl34o-card h2{margin-top:0;padding-top:0;border-top:0;font-size:1.5rem}