/* Inglewood Life Insurance: a household's jacaranda bloom-fall count, drawn the way the 1900 Paris Exposition data portraits were:
   flat crimson, gold, emerald and violet on cream board, ruled in ink. */
@font-face{font-family:"Josefin Sans";src:url(/assets/font-sbtgw4xz-josefin-sans-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Josefin Sans";src:url(/assets/font-sbtgw4xz-josefin-sans-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url(/assets/font-sbtgw4xz-atkinson-hyperlegible-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url(/assets/font-sbtgw4xz-atkinson-hyperlegible-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --board:#F1E6CF;--board-2:#E8D9B6;--board-3:#FAF4E3;--ink:#1B1613;--ink-2:#47392F;--rule:#1B1613;
  --crimson:#A8182B;--gold:#E0A613;--emerald:#1D6648;--emerald-deep:#12412F;--violet:#5E3F8F;
  --on-dark:#F6ECD4;--on-dark-2:#E3D3AE;
  --head:"Josefin Sans","Century Gothic",Futura,sans-serif;--body:"Atkinson Hyperlegible",Verdana,sans-serif;
  --measure:68ch;--maxw:1200px;
  --bars:linear-gradient(90deg,var(--crimson) 0 38%,var(--gold) 38% 62%,var(--emerald) 62% 84%,var(--violet) 84%);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--board);color:var(--ink);font:400 1.0625rem/1.62 var(--body);overflow-x:hidden}
::selection{background:var(--gold);color:var(--ink)}
img{max-width:100%;height:auto;display:block}
a{color:var(--crimson);text-underline-offset:.2em;text-decoration-thickness:2px}
a:hover{color:var(--ink);background:var(--gold)}
:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
h1,h2,h3{font-family:var(--head);font-weight:700;line-height:1.08;margin:0 0 .5em;text-wrap:balance;overflow-wrap:break-word;color:var(--ink)}
h1{font-size:clamp(2.2rem,5.2vw,4.3rem);letter-spacing:-.01em}
h2{font-size:clamp(1.8rem,3.8vw,2.9rem);letter-spacing:-.005em}
h3{font-size:1.35rem;line-height:1.2}
p{margin:0 0 1em;max-width:var(--measure)}
.si6ql-wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:16px}
.si6ql-skip{position:absolute;left:12px;top:-70px;background:var(--ink);color:var(--gold);padding:.8rem 1.1rem;z-index:99;font:700 1rem var(--head)}
.si6ql-skip:focus{top:8px}.si6ql-skip:hover{color:var(--gold);background:var(--ink)}

/* header */
.si6ql-head{background:var(--board);border-bottom:3px solid var(--ink);box-shadow:0 5px 0 -2px var(--board),0 6px 0 -2px var(--ink);position:relative;z-index:20}
.si6ql-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem 1.5rem;min-height:68px;padding-block:.35rem}
.si6ql-brand{display:inline-flex;align-items:center;gap:.7rem;font:700 1.3rem/1.1 var(--head);color:var(--ink);text-decoration:none;min-height:44px}
.si6ql-brand:hover{background:none;color:var(--crimson)}
.si6ql-brand img{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.si6ql-brand::before{content:"";flex:none;width:38px;height:38px;border-radius:50%;
  background:radial-gradient(circle,var(--ink) 0 11%,transparent 12%),radial-gradient(circle,var(--crimson) 0 25%,var(--gold) 25% 50%,var(--emerald) 50% 75%,var(--violet) 75%);border:2px solid var(--ink)}
.si6ql-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 .2rem;font:600 1.05rem var(--head);letter-spacing:.06em;text-transform:uppercase}
.si6ql-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 .85rem;color:var(--ink);text-decoration:none;border-bottom:4px solid transparent}
.si6ql-links a:hover{background:none;color:var(--ink);border-bottom-color:var(--crimson)}
.si6ql-links a[aria-current=page]{border-bottom-color:var(--gold)}
.si6ql-links a.si6ql-cta{margin-left:.6rem;padding:0 1.15rem;background:var(--crimson);color:var(--on-dark)!important;border:2px solid var(--ink);box-shadow:inset 0 0 0 3px var(--crimson),inset 0 0 0 4px var(--on-dark)}
.si6ql-links a.si6ql-cta:hover{background:var(--ink);box-shadow:inset 0 0 0 3px var(--ink),inset 0 0 0 4px var(--gold);color:var(--gold)!important}
.si6ql-menu{display:none;align-items:center;justify-content:center;min-width:48px;min-height:48px;background:var(--board-3);border:2px solid var(--ink);color:var(--ink);cursor:pointer}
@media (max-width:760px){
  .si6ql-menu{display:inline-flex}
  .si6ql-nav{flex-wrap:nowrap}
  .si6ql-brand{font-size:1.1rem}
  .si6ql-links{display:none;position:absolute;left:0;right:0;top:100%;background:var(--board);border-bottom:3px solid var(--ink);flex-direction:column;align-items:stretch;padding:.6rem 16px 1rem;gap:.1rem}
  .si6ql-links[data-open]{display:flex}
  .si6ql-links a{min-height:52px;border-bottom:1px solid var(--ink)}
  .si6ql-links a.si6ql-cta{margin:.6rem 0 0;justify-content:center}
}

/* weather: the household's logbook strip */
.si6ql-wx{padding:.15rem 0 0;background:var(--ink);color:var(--on-dark);border-bottom:6px solid transparent;border-image:var(--bars) 1}
.si6ql-wx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.8rem;padding-block:.7rem}
.si6ql-wx-photo{display:inline-flex;align-items:center;gap:.65rem;min-height:44px;background:none;border:0;padding:0;color:var(--on-dark);font:inherit;cursor:pointer}
.si6ql-wx-photo img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:3px solid var(--gold)}
.si6ql-wx-photo span{font:600 .9rem/1 var(--head);letter-spacing:.12em;text-transform:uppercase;border:2px solid var(--on-dark-2);padding:.55rem .7rem;color:var(--on-dark)}
.si6ql-wx-photo:hover span,.si6ql-wx-photo[aria-expanded=true] span{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.si6ql-wx :focus-visible,.si6ql-foot :focus-visible,.si6ql-why :focus-visible{outline-color:var(--gold)}
.si6ql-wx-now{display:flex;align-items:center;gap:.8rem}
.si6ql-wx-now>div{display:flex;align-items:baseline;gap:.2rem .9rem;flex-wrap:wrap}
.si6ql-wx-icon{display:inline-flex;color:var(--gold)}
.si6ql-wx-now strong{font:700 2.3rem/1 var(--head);color:var(--gold);font-variant-numeric:lining-nums tabular-nums}
.si6ql-wx-now span{font-size:1rem;color:var(--on-dark)}
.si6ql-wx-now small{display:block;font-size:.9rem;color:var(--on-dark-2)}
.si6ql-wx-days{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.si6ql-wx-days li{display:grid;grid-template-columns:auto auto auto;align-items:center;column-gap:.65rem;padding:.3rem .8rem;border:2px solid var(--on-dark-2);min-height:44px}
.si6ql-wx-day{font:700 .95rem var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark)}
.si6ql-wx-glyph{display:inline-flex;color:var(--gold)}.si6ql-wx-glyph svg{width:22px;height:22px}
.si6ql-wx-hl{display:inline-flex;align-items:baseline;gap:.45rem;font-variant-numeric:lining-nums tabular-nums}
.si6ql-wx-hl strong{font:700 1.25rem/1 var(--head);color:var(--gold)}
.si6ql-wx-hl em{font:600 .95rem var(--head);font-style:normal;color:var(--on-dark-2)}
.si6ql-wx-cond{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.si6ql-wx-source{margin-left:auto;font-size:.9rem;color:var(--on-dark-2)}
.si6ql-wx-panel{padding:0 16px 1rem}.si6ql-wx-panel img{max-width:600px;width:100%;background:#0d0a08;border:3px solid var(--on-dark-2)}.si6ql-wx-panel p{font-size:.9rem;color:var(--on-dark-2);margin:.5rem 0 0}
@media (max-width:700px){.si6ql-wx-source{margin-left:0;width:100%}.si6ql-wx-days li{column-gap:.5rem;padding-inline:.6rem}}

/* captions (eyebrows): three bars of rising height, then the label */
.si6ql-eyebrow{display:flex;align-items:flex-end;gap:.65rem;font:700 .95rem/1.2 var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:0 0 .9rem}
.si6ql-eyebrow::before{content:"";flex:none;width:26px;height:18px;background:
  linear-gradient(var(--crimson),var(--crimson)) 0 100%/6px 40% no-repeat,
  linear-gradient(var(--gold),var(--gold)) 10px 100%/6px 70% no-repeat,
  linear-gradient(var(--emerald),var(--emerald)) 20px 100%/6px 100% no-repeat}
.si6ql-why .si6ql-eyebrow{color:var(--on-dark-2)}

/* hero */
.si6ql-hero{padding:clamp(1.8rem,4vw,3.4rem) 0 clamp(2rem,4vw,3rem)}
.si6ql-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:1.5rem clamp(1.5rem,4vw,4rem);align-items:center}
.si6ql-hero h1{max-width:17ch;margin-bottom:.45em}
.si6ql-lead{font-size:1.2rem;max-width:58ch;color:var(--ink-2)}
.si6ql-trust{list-style:none;margin:1.1rem 0 1.6rem;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.6rem;font-size:1rem;max-width:60ch}
.si6ql-trust li{display:flex;gap:.65rem;align-items:flex-start}
.si6ql-trust li::before{content:"";flex:none;width:.8rem;height:.8rem;margin-top:.38rem;background:var(--crimson)}
.si6ql-trust li:nth-child(2)::before{background:var(--gold);width:.8rem}
.si6ql-trust li:nth-child(3)::before{background:var(--emerald)}
.si6ql-trust li:nth-child(4)::before{background:var(--violet)}
.si6ql-acts{display:flex;flex-wrap:wrap;gap:.8rem;margin:0}
.si6ql-hero-plate{justify-self:center;width:100%;max-width:440px}
.si6ql-spiral{display:block;width:100%;height:auto}
.si6ql-spiral path{stroke-dasharray:1;stroke-dashoffset:1;animation:si6ql-ink 1.1s cubic-bezier(.4,.1,.3,1) forwards}
.si6ql-spiral path:nth-child(2){animation-delay:.15s}.si6ql-spiral path:nth-child(3){animation-delay:.3s}.si6ql-spiral path:nth-child(4){animation-delay:.45s}
.si6ql-spiral path:nth-child(5){animation-delay:.6s}.si6ql-spiral path:nth-child(6){animation-delay:.75s}.si6ql-spiral path:nth-child(7){animation-delay:.9s}.si6ql-spiral path:nth-child(8){animation-delay:1.05s}
@keyframes si6ql-ink{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.si6ql-spiral path{animation:none;stroke-dashoffset:0}}
@media (max-width:900px){.si6ql-hero-grid{grid-template-columns:1fr}.si6ql-hero-plate{max-width:230px;justify-self:start;order:-1}.si6ql-trust{grid-template-columns:1fr}}

/* buttons: stamped, double-ruled */
.si6ql-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:56px;padding:0 1.7rem;font:700 1.15rem var(--head);letter-spacing:.04em;text-decoration:none;border:3px solid var(--ink);border-radius:0;cursor:pointer;background:var(--board-3);color:var(--ink)}
.si6ql-btn--primary{background:var(--crimson);color:var(--on-dark);box-shadow:inset 0 0 0 3px var(--crimson),inset 0 0 0 4px var(--on-dark)}
.si6ql-btn--primary:hover{background:var(--ink);color:var(--gold);box-shadow:inset 0 0 0 3px var(--ink),inset 0 0 0 4px var(--gold)}
.si6ql-btn--ghost{background:var(--board-3);color:var(--ink);box-shadow:inset 0 0 0 3px var(--board-3),inset 0 0 0 4px var(--ink)}
.si6ql-btn--ghost:hover{background:var(--gold);color:var(--ink);box-shadow:inset 0 0 0 3px var(--gold),inset 0 0 0 4px var(--ink)}
.si6ql-btn[disabled]{opacity:.65;cursor:progress}

/* photo plates */
.si6ql-plates{padding:.5rem 0 3rem}
.si6ql-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}
.si6ql-mosaic a{position:relative;display:block;background:var(--board-3);border:3px solid var(--ink);padding:8px 8px 0;color:var(--ink);text-decoration:none;box-shadow:8px 8px 0 -3px var(--c,var(--crimson)),8px 8px 0 0 var(--ink)}
.si6ql-mosaic a:nth-child(2){--c:var(--gold)}.si6ql-mosaic a:nth-child(3){--c:var(--emerald)}
.si6ql-mosaic a:hover{background:var(--board-3);color:var(--ink)}
.si6ql-mosaic img{width:100%;aspect-ratio:4/3;object-fit:cover;border:2px solid var(--ink)}
.si6ql-mosaic span{display:block;padding:.7rem .3rem .8rem;font:700 1.05rem/1.2 var(--head);letter-spacing:.08em;text-transform:uppercase}
.si6ql-mosaic a:hover span{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--crimson)}
@media (max-width:820px){.si6ql-mosaic{grid-template-columns:1fr;gap:1.8rem}.si6ql-mosaic a{margin-right:8px}}

/* sections: double rule on top */
.si6ql-section{padding:64px 16px;position:relative}@media (max-width:700px){.si6ql-section{padding:40px 16px}}.si6ql-section .si6ql-wrap{padding-inline:0}
.si6ql-section::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink)}
.si6ql-section--soft{background:var(--board-2)}
.si6ql-section--deep{background:var(--emerald-deep);color:var(--on-dark)}
.si6ql-section--deep h2,.si6ql-section--deep h3{color:var(--on-dark)}.si6ql-section--deep a{color:var(--gold)}

/* ledger: rates as a hand-ruled table with stepped squares */
.si6ql-ledger-head{max-width:70ch}
.si6ql-ledger-head p{font-size:1rem;color:var(--ink-2)}
.si6ql-table-wrap{overflow-x:auto;margin-top:1.4rem;background:var(--board-3);border:3px solid var(--ink);padding:6px}
.si6ql-table{width:100%;border-collapse:collapse;font-size:1.05rem;font-variant-numeric:lining-nums tabular-nums}
.si6ql-table th{font:700 .9rem/1.2 var(--head);letter-spacing:.1em;text-transform:uppercase;text-align:left;padding:.85rem 1rem;background:var(--ink);color:var(--on-dark)}
.si6ql-table td{padding:.7rem 1rem;border-bottom:1px solid var(--ink);text-align:left;white-space:nowrap}
.si6ql-table tbody tr:last-child td{border-bottom:0}
.si6ql-table td:first-child{font:700 1.2rem var(--head);position:relative;padding-left:3.6rem}
.si6ql-table td:first-child::before{content:"";position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:14px;height:14px;background:var(--crimson)}
.si6ql-table tbody tr:nth-child(3n+2) td:first-child::before{width:22px;height:22px;background:var(--gold)}
.si6ql-table tbody tr:nth-child(3n) td:first-child::before{width:30px;height:30px;background:var(--emerald)}
.si6ql-table td:nth-child(2){font:700 clamp(1.4rem,3.2vw,2rem)/1 var(--head);color:var(--crimson)}
.si6ql-table td:nth-child(3){font:700 clamp(1.2rem,2.6vw,1.6rem)/1 var(--head)}
.si6ql-table tbody tr:nth-child(even){background:var(--board-2)}
.si6ql-bars-wrap{margin-top:1.6rem;max-width:720px}
.si6ql-bars{display:block;width:100%;height:auto}
@media (max-width:640px){.si6ql-table th{font-size:.72rem;letter-spacing:.03em;padding:.6rem .4rem}.si6ql-table td{padding:.55rem .4rem;white-space:normal}.si6ql-table td:first-child{font-size:.95rem;padding-left:2.5rem}.si6ql-table td:first-child::before{left:.5rem;transform:translateY(-50%) scale(.7)}.si6ql-table td:nth-child(2){font-size:1.25rem}.si6ql-table td:nth-child(3){font-size:1.1rem}}

/* how it works: three coils */
.si6ql-cols{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.si6ql-steps{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.4rem}
@media (max-width:820px){.si6ql-steps{grid-template-columns:1fr}}
.si6ql-card{position:relative;background:var(--board-3);border:3px solid var(--ink);padding:1.4rem 1.3rem 1.3rem;color:var(--ink)}
.si6ql-card::before{content:"";position:absolute;left:-3px;right:-3px;top:-3px;height:12px;background:var(--bars);border:3px solid var(--ink);border-bottom-width:0}
.si6ql-card:nth-child(2)::before{background:linear-gradient(90deg,var(--gold) 0 55%,var(--violet) 55% 70%,var(--crimson) 70%)}
.si6ql-card:nth-child(3)::before{background:linear-gradient(90deg,var(--emerald) 0 30%,var(--crimson) 30% 52%,var(--gold) 52%)}
.si6ql-card:nth-child(4)::before{background:linear-gradient(90deg,var(--violet) 0 45%,var(--gold) 45% 60%,var(--emerald) 60%)}
.si6ql-card h3{margin-top:.5rem}
.si6ql-card p{margin-bottom:0;max-width:none}
a.si6ql-card{text-decoration:none;display:block}
a.si6ql-card:hover{background:var(--gold);color:var(--ink)}
a.si6ql-card:hover h3{text-decoration:underline;text-decoration-thickness:3px}
.si6ql-num{display:inline-grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;border:7px solid var(--crimson);background:var(--board-3);font:700 1.5rem/1 var(--head);color:var(--ink);margin:.4rem 0 .6rem}
.si6ql-card:nth-child(2) .si6ql-num{border-color:var(--gold)}.si6ql-card:nth-child(3) .si6ql-num{border-color:var(--emerald)}
.si6ql-wander-wrap{padding:0;margin:0;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);background:var(--board-3)}
.si6ql-wander{display:block;width:100%;height:84px}

/* quote engine */
.si6ql-panel{background:var(--board-2)}
.si6ql-panel::before{display:none}
.si6ql-quote{position:relative;background:var(--board-3);border:3px solid var(--ink);padding:1.6rem clamp(1rem,3vw,2rem) 1.6rem;outline:3px solid var(--ink);outline-offset:6px;margin:9px}
.si6ql-quote h2{font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:1rem}
.si6ql-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.4rem}
@media (max-width:560px){.si6ql-fields{grid-template-columns:1fr}}
.si6ql-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}
.si6ql-field>span{font:700 .95rem/1.2 var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.si6ql-field input,.si6ql-field select,.si6ql-field textarea{font:inherit;font-size:1.0625rem;min-height:50px;padding:.6rem .8rem;border:2px solid var(--ink);border-radius:0;background:#fff;color:var(--ink);width:100%}
.si6ql-field textarea{min-height:140px}
.si6ql-field input:focus,.si6ql-field select:focus,.si6ql-field textarea:focus{outline:3px solid var(--violet);outline-offset:2px}
.si6ql-field--wide{grid-column:1/-1}
.si6ql-seg{display:flex;flex-wrap:wrap;gap:.55rem}
.si6ql-seg label{position:relative;display:inline-flex;align-items:center;min-height:48px;padding:0 1.05rem;border:2px solid var(--ink);background:#fff;font:600 1.05rem var(--head);cursor:pointer;color:var(--ink)}
.si6ql-seg label:hover{background:var(--board-2)}
.si6ql-seg input{position:absolute;opacity:0;width:0;height:0}
.si6ql-seg input:checked+span{background:none;color:inherit;margin:0;padding:0;display:inline}
.si6ql-seg label:has(input:checked){background:var(--crimson);color:var(--on-dark);box-shadow:inset 0 0 0 3px var(--crimson),inset 0 0 0 4px var(--on-dark)}
.si6ql-seg label:has(input:focus-visible){outline:3px solid var(--violet);outline-offset:3px}
.si6ql-seg input:focus-visible+span{outline:none}
.si6ql-note{font-size:.95rem;color:var(--ink-2);margin:1.1rem 0 1rem;max-width:62ch}
.si6ql-status{margin-top:.9rem;font-weight:700;min-height:1.4em}
.si6ql-status[data-tone=error]{color:#8F1020}
.si6ql-results{margin-top:2rem}
.si6ql-summary{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;align-items:baseline;margin-bottom:1rem;font-size:1rem}
.si6ql-result{display:grid;grid-template-columns:1fr auto;gap:.6rem 1.4rem;align-items:center;border:3px solid var(--ink);padding:1rem 1.2rem;margin-bottom:.9rem;background:var(--board-3)}
.si6ql-result--best{background:#F8E6A6;box-shadow:0 0 0 4px var(--board-3),0 0 0 7px var(--crimson)}
.si6ql-result strong{font:700 1.2rem var(--head)}
.si6ql-result small{display:block;color:var(--ink-2);font-size:.95rem}
.si6ql-price{font:700 2rem/1 var(--head);text-align:right;font-variant-numeric:lining-nums tabular-nums;color:var(--crimson)}
.si6ql-price small{display:block;font:600 .85rem var(--head);letter-spacing:.08em;text-transform:uppercase;text-align:right;margin-top:.3rem;color:var(--ink-2)}
.si6ql-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}
.si6ql-tag{font:700 .8rem/1.2 var(--head);letter-spacing:.08em;text-transform:uppercase;padding:.25rem .55rem;border:2px solid var(--ink);background:var(--board);color:var(--ink)}
.si6ql-tag--now{background:var(--crimson);color:var(--on-dark);border-color:var(--ink)}
.si6ql-group{font:700 1.3rem var(--head);margin:1.6rem 0 .5rem}
.si6ql-applicant{margin:.2rem 0 1rem;border-color:var(--crimson)}
.si6ql-result .si6ql-btn{grid-column:1/-1;justify-self:start}
@media (min-width:640px){.si6ql-result{grid-template-columns:1fr auto auto}.si6ql-result .si6ql-btn{grid-column:auto}}
.si6ql-disclosure{font-size:.9rem;color:var(--ink-2);border-top:2px solid var(--ink);padding-top:.9rem;margin-top:1.2rem}
details.si6ql-more{margin-top:.5rem;font-size:.95rem}details.si6ql-more summary{cursor:pointer;color:var(--crimson);font-weight:700;min-height:44px;display:flex;align-items:center}

/* why (emerald plate) */
.si6ql-why{background:var(--emerald-deep);color:var(--on-dark)}
.si6ql-why .si6ql-section,.si6ql-why::before{border-color:var(--gold)}
.si6ql-why::before{border-top-color:var(--gold);border-bottom-color:var(--gold)}
.si6ql-why h2{color:var(--on-dark);max-width:20ch}
.si6ql-why-text p{color:var(--on-dark)}
.si6ql-why-text{columns:2 26rem;column-gap:3rem;margin-top:1rem}
.si6ql-why-text p{max-width:none;break-inside:avoid-column}
.si6ql-hl{margin-top:1.4rem;padding-top:1.1rem;border-top:3px solid var(--gold)}
.si6ql-hl p{max-width:none;color:var(--on-dark);font-size:1.05rem}
.si6ql-hl a{color:var(--gold);font-weight:700}.si6ql-hl a:hover{background:var(--gold);color:var(--ink)}
.si6ql-learn{background:var(--board)}
.si6ql-learn-list{margin-top:1.4rem}

/* inner pages */
.si6ql-article{max-width:var(--measure);margin-inline:auto}
.si6ql-article h1{margin-bottom:.5em}
.si6ql-article figure{margin:0 0 1.6rem;border:3px solid var(--ink);padding:8px;background:var(--board-3)}
.si6ql-article figcaption{font-size:.9rem;color:var(--ink-2);margin-top:.5rem}
.si6ql-article img{border:2px solid var(--ink)}
.si6ql-sources{font-size:.95rem;border-top:3px solid var(--ink);padding-top:1rem;margin-top:2.2rem}.si6ql-sources ol{padding-left:1.3rem}
.si6ql-faq details{border-bottom:2px solid var(--ink);padding:.3rem 0}
.si6ql-faq summary{cursor:pointer;font:700 1.2rem/1.35 var(--head);min-height:52px;display:flex;align-items:center;gap:.9rem;list-style:none;padding:.5rem 0}
.si6ql-faq summary::-webkit-details-marker{display:none}
.si6ql-faq summary::before{content:"";flex:none;width:24px;height:24px;border:2px solid var(--ink);background:
  linear-gradient(var(--ink),var(--ink)) 50% 50%/12px 3px no-repeat,
  linear-gradient(var(--ink),var(--ink)) 50% 50%/3px 12px no-repeat,var(--gold)}
.si6ql-faq details[open] summary::before{background:linear-gradient(var(--ink),var(--ink)) 50% 50%/12px 3px no-repeat,var(--crimson)}
.si6ql-faq details p{padding-left:calc(24px + .9rem)}
.si6ql-calc{background:var(--board-3);border:3px solid var(--ink);padding:1.2rem}
.si6ql-calc output{font:700 2rem/1 var(--head);display:block;margin-top:.6rem;color:var(--crimson);font-variant-numeric:lining-nums tabular-nums}
.si6ql-apply-shell{background:var(--board-3);border:3px solid var(--ink);padding:1rem;min-height:600px}
.si6ql-apply-shell iframe{width:100%;border:0}

/* footer */
.si6ql-foot{background:var(--ink);color:var(--on-dark);padding:2.6rem 0 2rem;font-size:1rem;border-top:6px solid transparent;border-image:var(--bars) 1}
.si6ql-foot-grid{display:grid;gap:1.6rem;grid-template-columns:1.6fr 1fr 1fr}
@media (max-width:700px){.si6ql-foot-grid{grid-template-columns:1fr}}
.si6ql-foot a{color:var(--on-dark)}
.si6ql-foot a:hover{background:var(--gold);color:var(--ink)}
.si6ql-foot nav a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-weight:700}
.si6ql-foot nav a:hover{text-decoration:none}
.si6ql-foot .si6ql-brand{color:var(--on-dark)}.si6ql-foot .si6ql-brand:hover{color:var(--gold);background:none}
.si6ql-foot .si6ql-brand::before{border-color:var(--on-dark)}
.si6ql-foot strong{font:700 .95rem var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:.3rem}
.si6ql-foot p{color:var(--on-dark-2)}

[data-reveal]{opacity:1;transform:none}
