/* Life Insurance Temecula: a Sunday hand-puppet show, set as a numbered plate book of keylined units. */
@font-face{font-family:"Chakra Petch";src:url(/assets/font-m7vxj6jl-chakra-petch-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Chakra Petch";src:url(/assets/font-m7vxj6jl-chakra-petch-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Red Hat Text";src:url(/assets/font-m7vxj6jl-red-hat-text-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Red Hat Text";src:url(/assets/font-m7vxj6jl-red-hat-text-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --mist:#e8edf0;--plate:#f6f8f9;--ink:#13203b;--ink-2:#3a4764;--rule:#13203b;--soft-rule:#b7c1cc;
  --ultra:#1d3f94;--ultra-2:#16306f;--saff:#f0b52c;--verm:#a82d1a;--verm-2:#8a2314;--pine:#1c6a4b;
  --head:"Chakra Petch","Arial Narrow",sans-serif;--body:"Red Hat Text",Verdana,sans-serif;
  --measure:66ch;--maxw:1200px;--key:2px solid var(--ink);
  --valance:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='22' viewBox='0 0 28 22'%3E%3Cpath d='M0 0H28V8A14 12 0 0 1 0 8Z' fill='%231d3f94'/%3E%3Ccircle cx='14' cy='17' r='3' fill='%23f0b52c'/%3E%3C/svg%3E");
  --bulbs:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='16' viewBox='0 0 26 16'%3E%3Ccircle cx='13' cy='8' r='5' fill='%23f0b52c'/%3E%3Ccircle cx='13' cy='8' r='5' fill='none' stroke='%2313203b' stroke-width='1.5'/%3E%3C/svg%3E");
  --units:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='18' viewBox='0 0 72 18'%3E%3Cg stroke='%2313203b' stroke-width='1.5'%3E%3Crect x='1' y='1' width='16' height='16' fill='%231d3f94'/%3E%3Crect x='19' y='1' width='16' height='16' fill='%23f0b52c'/%3E%3Crect x='37' y='1' width='16' height='16' fill='%23a82d1a'/%3E%3Crect x='55' y='1' width='16' height='16' fill='%231c6a4b'/%3E%3C/g%3E%3C/svg%3E");
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--mist);color:var(--ink);font:400 1.0625rem/1.62 var(--body)}
::selection{background:var(--saff);color:var(--ink)}
img{max-width:100%;height:auto;display:block}
a{color:var(--ultra);text-underline-offset:.2em;text-decoration-thickness:1.5px}
a:hover{color:var(--verm)}
:focus-visible{outline:3px solid var(--verm);outline-offset:3px}
h1,h2,h3{font-family:var(--head);font-weight:700;line-height:1.08;margin:0 0 .55em;text-wrap:balance;letter-spacing:.005em;color:var(--ink)}
h1{font-size:clamp(2.2rem,5vw,3.9rem);text-transform:none}
h2{font-size:clamp(1.7rem,3.6vw,2.6rem)}
h3{font-size:1.3rem}
p{margin:0 0 1em;max-width:var(--measure)}
strong{font-weight:700}
.sdzdx-wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:16px}
.sdzdx-skip{position:absolute;left:12px;top:-70px;background:var(--ink);color:var(--saff);padding:.7rem 1rem;z-index:99;font-weight:700}
.sdzdx-skip:focus{top:8px}.sdzdx-skip:hover{color:var(--saff)}

/* header: valance over a plain nav row */
.sdzdx-head{background:var(--plate);border-bottom:var(--key);position:relative}
.sdzdx-head::before{content:"";display:block;height:22px;background:var(--valance) 0 0/28px 22px round no-repeat;border-bottom:0}
.sdzdx-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem 1.5rem;min-height:64px;padding-block:.35rem}
.sdzdx-brand{display:inline-flex;align-items:center;gap:.65rem;min-height:44px;font:700 1.3rem/1.1 var(--head);color:var(--ink);text-decoration:none}
.sdzdx-brand img{width:34px;height:34px;border:var(--key);background:var(--saff);padding:2px}
.sdzdx-brand:hover{color:var(--ultra)}
.sdzdx-links{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .35rem}
.sdzdx-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 .85rem;font:600 1.02rem var(--head);letter-spacing:.02em;color:var(--ink);text-decoration:none;border-bottom:3px solid transparent}
.sdzdx-links a:hover{color:var(--verm);border-bottom-color:var(--verm)}
.sdzdx-links a.sdzdx-cta,.sdzdx-cta{background:var(--saff);color:var(--ink)!important;border:var(--key);box-shadow:3px 3px 0 var(--ink);margin-left:.6rem;padding:0 1.1rem;transition:transform .15s,box-shadow .15s}
.sdzdx-links a.sdzdx-cta:hover{background:var(--saff);color:var(--ink)!important;border-bottom:var(--key);transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.sdzdx-menu{display:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:var(--plate);border:var(--key);color:var(--ink);cursor:pointer}
@media (max-width:760px){
  .sdzdx-menu{display:inline-flex}
  .sdzdx-links{display:none;position:absolute;left:0;right:0;top:100%;z-index:30;flex-direction:column;align-items:stretch;gap:0;background:var(--plate);border-bottom:var(--key);padding:.4rem 16px .9rem}
  .sdzdx-links[data-open]{display:flex}
  .sdzdx-links a{border-bottom:1px solid var(--soft-rule)}
  .sdzdx-links a.sdzdx-cta{margin:.7rem 0 0;justify-content:center}
}

/* eyebrows are plate captions: a unit square, then ruled small caps */
.sdzdx-eyebrow{display:flex;align-items:center;gap:.6rem;margin:0 0 .7rem;font:700 .9rem/1.2 var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.sdzdx-eyebrow::before{content:"";flex:none;width:14px;height:14px;background:var(--verm);border:1.5px solid var(--ink)}
.sdzdx-lead{font-size:1.2rem;line-height:1.55;color:var(--ink-2)}

/* weather: the footlight row */
.sdzdx-wx{background:var(--ink);color:var(--plate);position:relative;padding:1rem 16px 1.4rem}
.sdzdx-wx::after{content:"";position:absolute;left:0;right:0;bottom:0;height:16px;background:var(--bulbs) 0 0/26px 16px round no-repeat;opacity:.9}
.sdzdx-wx a{color:var(--plate)}
.sdzdx-wx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.8rem}
.sdzdx-wx-photo{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;background:none;border:0;padding:0;color:var(--plate);font:inherit;cursor:pointer}
.sdzdx-wx-photo img{width:46px;height:46px;object-fit:cover;border:2px solid var(--saff)}
.sdzdx-wx-photo span{font:700 .85rem/1 var(--head);letter-spacing:.12em;text-transform:uppercase;border:2px solid var(--plate);padding:.55rem .7rem;color:var(--plate)}
.sdzdx-wx-photo:hover span,.sdzdx-wx-photo[aria-expanded=true] span{background:var(--saff);border-color:var(--saff);color:var(--ink)}
.sdzdx-wx-now{display:flex;align-items:center;gap:.8rem}
.sdzdx-wx-now>div{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.sdzdx-wx-now strong{font:700 2.2rem/1 var(--head);color:var(--saff);font-variant-numeric:tabular-nums;min-width:2.4ch}
.sdzdx-wx-now span{font-size:1rem;color:var(--plate)}
.sdzdx-wx-now small{display:block;font-size:.875rem;color:#c9d2de}
.sdzdx-wx-icon{display:inline-flex;color:var(--saff)}
.sdzdx-wx-days{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.sdzdx-wx-days li{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:.6rem;align-items:center;border:1.5px solid #5c6b8a;padding:.3rem .65rem;font-size:.875rem;min-width:124px}
.sdzdx-wx-day{font:700 .95rem var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--plate);grid-column:1}
.sdzdx-wx-glyph{grid-row:1/3;grid-column:2;color:var(--saff)}.sdzdx-wx-glyph svg{width:22px;height:22px}
.sdzdx-wx-hl{grid-column:1;color:var(--plate)}
.sdzdx-wx-hl strong{font:700 1.05rem var(--head);color:var(--saff)}
.sdzdx-wx-hl em{font-style:normal;color:#c9d2de;margin-left:.3rem}
.sdzdx-wx-cond{grid-column:1/3;font-size:.8rem;color:#c9d2de;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sdzdx-wx-source{margin-left:auto;font-size:.875rem;color:#c9d2de}
.sdzdx-wx-panel{padding-block:0 1.4rem}
.sdzdx-wx-panel img{max-width:600px;width:100%;background:#0b1020;border:2px solid var(--saff)}
.sdzdx-wx-panel p{font-size:.875rem;color:#c9d2de;margin:.5rem 0 0}
@media (max-width:700px){.sdzdx-wx-source{margin-left:0;width:100%}.sdzdx-wx-now strong{font-size:1.8rem}}

/* hero: the little proscenium, drapes at both sides, plates ranged beside the copy */
.sdzdx-hero{background:var(--mist);padding:2.2rem 0 2.8rem}
.sdzdx-stage{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:2.2rem;align-items:start;background:var(--plate);border:var(--key);box-shadow:6px 6px 0 var(--ink);padding:2.4rem 3.4rem 2.6rem}
.sdzdx-stage::before,.sdzdx-stage::after{content:"";position:absolute;top:0;bottom:0;width:28px;background:linear-gradient(90deg,var(--verm) 0 7px,var(--verm-2) 7px 10px,#c34a32 10px 17px,var(--verm-2) 17px 20px) 0 0/20px 100% repeat-x;border:var(--key)}
.sdzdx-stage::before{left:0;border-width:0 2px 0 0}.sdzdx-stage::after{right:0;border-width:0 0 0 2px}
.sdzdx-stage-copy>h1{max-width:15ch}
.sdzdx-trust{display:grid;gap:.5rem;margin:1.2rem 0 0;padding:0;list-style:none;max-width:44ch}
.sdzdx-trust li{display:flex;align-items:center;gap:.7rem;min-height:44px;padding:.35rem .8rem;border:1.5px solid var(--ink);background:var(--mist);font-weight:700;font-size:1rem}
.sdzdx-trust li::before{content:"";flex:none;width:14px;height:14px;background:var(--ultra);border:1.5px solid var(--ink)}
.sdzdx-trust li:nth-child(2)::before{background:var(--saff)}.sdzdx-trust li:nth-child(3)::before{background:var(--verm)}.sdzdx-trust li:nth-child(4)::before{background:var(--pine)}
.sdzdx-acts{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.6rem 0 0;max-width:none}
.sdzdx-stage-plates{counter-reset:plate}
.sdzdx-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.sdzdx-mosaic a{counter-increment:plate;display:block;background:var(--mist);border:var(--key);padding:6px 6px 0;color:var(--ink);text-decoration:none;transition:transform .2s}
.sdzdx-mosaic a:first-child{grid-column:1/-1}
.sdzdx-mosaic a:hover{transform:translateY(-3px);color:var(--ink)}
.sdzdx-mosaic img{width:100%;aspect-ratio:8/5;object-fit:cover;border:1.5px solid var(--ink)}
.sdzdx-mosaic a:first-child img{aspect-ratio:16/9}
.sdzdx-mosaic span{display:flex;align-items:baseline;gap:.6rem;margin:6px -6px 0;padding:.45rem .7rem;border-top:var(--key);background:var(--plate);font:600 .98rem/1.25 var(--head)}
.sdzdx-mosaic span::before{content:counter(plate,decimal-leading-zero) / "";flex:none;font:700 .85rem var(--head);color:var(--verm);letter-spacing:.08em}
.sdzdx-mosaic a:hover span{background:var(--saff)}
@media (max-width:980px){.sdzdx-stage{grid-template-columns:1fr;padding:2rem 2.6rem 2.2rem}.sdzdx-stage-plates{order:2}}
@media (max-width:560px){.sdzdx-stage{padding:1.6rem 1.35rem 1.8rem 1.9rem;box-shadow:4px 4px 0 var(--ink)}.sdzdx-stage::before,.sdzdx-stage::after{width:12px}.sdzdx-stage::after{display:none}.sdzdx-mosaic{grid-template-columns:1fr}}

/* sections: a ranged strip of units opens each one */
.sdzdx-sec,.sdzdx-section{padding:3.6rem 12px}
.sdzdx-hero{padding-inline:12px}
.sdzdx-sec::before,.sdzdx-section::before{content:"";display:block;width:min(100% - 32px,1200px);margin:0 auto 1.8rem;height:18px;background:var(--units) 0 0/72px 18px round no-repeat}
.sdzdx-sec-head{max-width:760px}
.sdzdx-section--soft{background:var(--plate);border-block:var(--key)}
.sdzdx-section--deep{background:var(--ultra);color:var(--plate)}
.sdzdx-section--deep h1,.sdzdx-section--deep h2,.sdzdx-section--deep h3,.sdzdx-section--deep p,.sdzdx-section--deep .sdzdx-eyebrow{color:var(--plate)!important}
.sdzdx-section--deep a{color:var(--saff)}

/* three steps: units that lock into one border */
.sdzdx-steps,.sdzdx-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.3rem}
.sdzdx-steps{counter-reset:step;position:relative;margin-top:.4rem}
.sdzdx-card{position:relative;background:var(--plate);border:var(--key);padding:1.4rem 1.4rem 1.3rem;color:var(--ink);text-decoration:none;box-shadow:4px 4px 0 var(--ink)}
.sdzdx-steps .sdzdx-card{border-top-width:10px}
.sdzdx-steps .sdzdx-card:nth-child(1){border-top-color:var(--ultra)}
.sdzdx-steps .sdzdx-card:nth-child(2){border-top-color:var(--saff)}
.sdzdx-steps .sdzdx-card:nth-child(3){border-top-color:var(--verm)}
.sdzdx-card h3{margin-bottom:.4em}
.sdzdx-card p:last-child{margin-bottom:0}
.sdzdx-num{display:inline-grid;place-items:center;width:44px;height:44px;margin-bottom:.8rem;background:var(--ultra);color:var(--saff);border:var(--key);font:700 1.4rem/1 var(--head)}
.sdzdx-card:nth-child(2) .sdzdx-num{background:var(--saff);color:var(--ink)}
.sdzdx-card:nth-child(3) .sdzdx-num{background:var(--verm);color:var(--plate)}
.sdzdx-assembly{background:var(--mist)}
a.sdzdx-card{display:block;transition:transform .15s,box-shadow .15s}
a.sdzdx-card:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink);color:var(--ink);background:#fff}
a.sdzdx-card h3{display:flex;align-items:center;gap:.6rem}
a.sdzdx-card h3::before{content:"";flex:none;width:14px;height:14px;background:var(--ultra);border:1.5px solid var(--ink)}
a.sdzdx-card:nth-child(2) h3::before{background:var(--saff)}a.sdzdx-card:nth-child(3) h3::before{background:var(--verm)}a.sdzdx-card:nth-child(4) h3::before{background:var(--pine)}

/* buttons */
.sdzdx-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.7rem 1.4rem;border:var(--key);border-radius:0;font:700 1.05rem/1.2 var(--body);text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s,background .15s}
.sdzdx-btn--primary{background:var(--saff);color:var(--ink)}
.sdzdx-btn--primary:hover{background:var(--saff);color:var(--ink);transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
.sdzdx-btn--ghost{background:var(--plate);color:var(--ink)}
.sdzdx-btn--ghost:hover{background:var(--mist);color:var(--ink);transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
.sdzdx-btn[disabled]{opacity:.65;cursor:progress}

/* quote engine: the playbill */
.sdzdx-panel{padding:3.2rem 12px;background:var(--ultra);border-block:var(--key);background-image:linear-gradient(90deg,transparent 0 38px,rgba(255,255,255,.05) 38px 40px);background-size:40px 100%}
.sdzdx-quote{position:relative;max-width:880px;margin-inline:auto;background:var(--plate);border:var(--key);box-shadow:6px 6px 0 var(--ink);padding:1.8rem 1.8rem 1.6rem}
.sdzdx-quote::before{content:"";position:absolute;left:-2px;right:-2px;top:-24px;height:22px;background:var(--valance) 0 0/28px 22px round no-repeat}
.sdzdx-quote h2{font-size:1.7rem}
.sdzdx-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.2rem}
@media (max-width:560px){.sdzdx-fields{grid-template-columns:1fr}.sdzdx-quote{padding:1.3rem 1rem 1.2rem}}
.sdzdx-field{display:flex;flex-direction:column;gap:.35rem}
.sdzdx-field>span{font:700 .98rem/1.3 var(--head);letter-spacing:.03em;color:var(--ink)}
.sdzdx-field input,.sdzdx-field select,.sdzdx-field textarea{font:inherit;min-height:48px;padding:.6rem .75rem;border:var(--key);border-radius:0;background:#fff;color:var(--ink);width:100%}
.sdzdx-field input:focus,.sdzdx-field select:focus,.sdzdx-field textarea:focus{outline:3px solid var(--verm);outline-offset:1px}
.sdzdx-field--wide{grid-column:1/-1}
.sdzdx-seg{display:flex;flex-wrap:wrap;gap:.5rem}
.sdzdx-seg label{position:relative;display:inline-flex;align-items:center;min-height:46px;border:var(--key);background:var(--mist);padding:.35rem .95rem;cursor:pointer;font-weight:700;font-size:1rem;transition:background .12s,box-shadow .12s}
.sdzdx-seg label:hover{background:#fff}
.sdzdx-seg input{position:absolute;opacity:0;width:0;height:0}
.sdzdx-seg input:checked+span{background:none;color:inherit;margin:0;padding:0;display:inline}
.sdzdx-seg label:has(input:checked){background:var(--ultra);color:var(--plate);box-shadow:inset 0 -6px 0 var(--saff);padding-bottom:.55rem;animation:lock .22s ease-out}
.sdzdx-seg label:has(input:focus-visible){outline:3px solid var(--verm);outline-offset:2px}
@keyframes lock{from{transform:translateY(-5px)}to{transform:none}}
.sdzdx-note{font-size:.9rem;color:var(--ink-2);margin-top:.8rem}
.sdzdx-status{margin-top:.8rem;font-weight:700;min-height:1.4em}
.sdzdx-status[data-tone=error]{color:#a11d1d}
.sdzdx-results{margin-top:1.4rem}
.sdzdx-summary{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;align-items:baseline;margin-bottom:1rem;font-size:.98rem}
.sdzdx-result{display:grid;grid-template-columns:1fr auto;gap:.6rem 1.2rem;align-items:center;border:var(--key);border-left:10px solid var(--ultra);padding:1rem 1.1rem;margin-bottom:.8rem;background:var(--plate);color:var(--ink)}
.sdzdx-result--best{border-left-color:var(--saff);box-shadow:4px 4px 0 var(--ink)}
.sdzdx-result strong{font-family:var(--head);font-size:1.1rem}
.sdzdx-result small{display:block;color:var(--ink-2);font-size:.9rem}
.sdzdx-price{font:700 1.9rem/1 var(--head);text-align:right;color:var(--ink)}
.sdzdx-price small{display:block;font:700 .8rem var(--body);text-align:right;margin-top:.3rem;color:var(--ink-2)}
.sdzdx-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}
.sdzdx-tag{font-size:.8rem;font-weight:700;padding:.15rem .5rem;border:1.5px solid var(--ink);background:var(--mist);color:var(--ink)}
.sdzdx-tag--now{background:#ffe3e3;color:#8c1717;border-color:#8c1717}
.sdzdx-group{font-size:1.25rem;margin:1.5rem 0 .5rem}
.sdzdx-applicant{margin:.2rem 0 1rem;border-color:var(--ink)}
.sdzdx-result .sdzdx-btn{grid-column:1/-1;justify-self:start}
@media (min-width:640px){.sdzdx-result{grid-template-columns:1fr auto auto}.sdzdx-result .sdzdx-btn{grid-column:auto}}
.sdzdx-disclosure{font-size:.875rem;color:var(--ink-2);border-top:var(--key);padding-top:.9rem;margin-top:1rem}
details.sdzdx-more{margin-top:.5rem;font-size:.9rem}details.sdzdx-more summary{cursor:pointer;color:var(--ultra);font-weight:700;min-height:44px;display:flex;align-items:center}
.sdzdx-noexam{background:var(--mist);border:var(--key);border-top:10px solid var(--pine);padding:1rem 1rem .4rem;margin:0 0 1.4rem;box-shadow:4px 4px 0 var(--ink)}
.sdzdx-group--noexam{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:0;font-size:1.3rem}
.sdzdx-noexam-badge{display:inline-block;background:var(--pine);color:var(--plate);font:700 .85rem/1 var(--head);letter-spacing:.1em;text-transform:uppercase;padding:.45rem .7rem;border:var(--key)}
.sdzdx-noexam-note{margin-bottom:.9rem;color:var(--ink)}
.sdzdx-result--noexam{border-color:var(--ink);border-left-color:var(--pine);background:var(--plate)}
.sdzdx-tag--noexam{background:var(--pine);color:var(--plate);border-color:var(--ink)}
.sdzdx-tag--usually{background:var(--plate);color:var(--ink);border-color:var(--pine)}
.sdzdx-noexam-note+.sdzdx-noexam-note{margin-top:1rem;padding-top:.9rem;border-top:1px dashed var(--ink)}

/* rates ledger */
.sdzdx-ledger{background:var(--plate);border-block:var(--key)}
.sdzdx-table-wrap{overflow-x:auto;margin-top:1rem;border:var(--key);box-shadow:5px 5px 0 var(--ink);background:var(--plate)}
.sdzdx-table{width:100%;border-collapse:collapse;font-size:1.02rem;min-width:520px}
.sdzdx-table th{background:var(--ink);color:var(--plate);font:700 .9rem var(--head);letter-spacing:.08em;text-transform:uppercase;padding:.75rem 1rem;text-align:left}
.sdzdx-table td{padding:.7rem 1rem;border-bottom:1.5px solid var(--soft-rule);text-align:left;font-variant-numeric:tabular-nums}
.sdzdx-table tbody tr:nth-child(even) td{background:var(--mist)}
.sdzdx-table td:first-child{font-weight:700;font-family:var(--head);font-size:1.05rem}
.sdzdx-table td:nth-child(2){font:700 1.2rem var(--head);color:var(--ultra)}
.sdzdx-table tbody tr:last-child td{border-bottom:0}

/* why: the lit stage, the five puppets ranged on a plate */
.sdzdx-why{background:var(--ultra);color:var(--plate);border-block:var(--key)}
.sdzdx-why::before{filter:none}
.sdzdx-why h2,.sdzdx-why p,.sdzdx-why .sdzdx-eyebrow{color:var(--plate)!important}
.sdzdx-why .sdzdx-eyebrow::before{background:var(--saff)}
.sdzdx-why a{color:var(--saff);font-weight:700}
.sdzdx-why a:hover{color:#fff}
.sdzdx-why :focus-visible{outline-color:var(--saff)}
.sdzdx-why-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2.4rem;align-items:center}
.sdzdx-why-text p{max-width:var(--measure)}
.sdzdx-hl{margin-top:1.4rem;padding-top:1rem;border-top:2px solid var(--saff)}
.sdzdx-hl p{font-size:1rem}
.sdzdx-why-art{background:var(--mist);border:var(--key);box-shadow:6px 6px 0 var(--ink);padding:14px}
.sdzdx-plate-art{display:block;width:100%;height:auto}
@media (max-width:900px){.sdzdx-why-grid{grid-template-columns:1fr}}

/* learn */
.sdzdx-learn{background:var(--mist)}
.sdzdx-learn-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.3rem}

/* articles, faq, sources */
.sdzdx-article{max-width:var(--measure);margin-inline:auto}
.sdzdx-article h1{max-width:18ch}
.sdzdx-article h2{margin-top:2.2rem}
.sdzdx-article figure{margin:0 0 1.5rem}
.sdzdx-article figcaption{font-size:.9rem;color:var(--ink-2);margin-top:.4rem;padding-top:.3rem;border-top:var(--key)}
.sdzdx-article img{border:var(--key)}
.sdzdx-sources{font-size:.95rem;border-top:var(--key);padding-top:1rem;margin-top:2rem}
.sdzdx-sources ol{padding-left:1.2rem}
.sdzdx-faq{margin-top:1.4rem;border-top:var(--key)}
.sdzdx-faq details{border-bottom:1.5px solid var(--ink);padding:.4rem 0}
.sdzdx-faq summary{cursor:pointer;font:700 1.2rem/1.4 var(--head);min-height:48px;display:flex;align-items:center;gap:.8rem;list-style:none;padding:.4rem 0}
.sdzdx-faq summary::-webkit-details-marker{display:none}
.sdzdx-faq summary::before{content:"";flex:none;width:16px;height:16px;background:var(--saff);border:1.5px solid var(--ink);transition:transform .2s,background .2s}
.sdzdx-faq details[open] summary::before{background:var(--verm);transform:rotate(45deg)}
.sdzdx-faq details p{margin:.3rem 0 .9rem 2rem}
.sdzdx-calc{background:var(--plate);border:var(--key);border-top:10px solid var(--ultra);padding:1.3rem;margin:1.4rem 0;box-shadow:4px 4px 0 var(--ink)}
.sdzdx-calc .sdzdx-fields{margin-top:1rem}
.sdzdx-calc output{display:inline-block;font:700 2rem/1 var(--head);background:var(--ink);color:var(--saff);padding:.6rem 1rem;margin-top:1rem}
.sdzdx-apply-shell{background:var(--plate);border:var(--key);box-shadow:5px 5px 0 var(--ink);padding:1rem;min-height:600px}
.sdzdx-apply-shell iframe{width:100%;border:0}

/* footer: the stage base with its own footlights */
.sdzdx-foot{position:relative;background:var(--ink);color:#d7deea;padding:3.2rem 12px 2.4rem;font-size:1rem;border-top:var(--key)}
.sdzdx-foot::before{content:"";position:absolute;left:0;right:0;top:0;height:16px;background:var(--bulbs) 0 0/26px 16px round no-repeat;transform:translateY(-8px)}
.sdzdx-foot-grid{display:grid;gap:2rem;grid-template-columns:1.6fr 1fr 1fr}
@media (max-width:700px){.sdzdx-foot-grid{grid-template-columns:1fr}}
.sdzdx-foot a{color:var(--plate)}
.sdzdx-foot a:hover{color:var(--saff)}
.sdzdx-foot .sdzdx-brand{color:var(--plate)}
.sdzdx-foot .sdzdx-brand:hover{color:var(--saff)}
.sdzdx-foot p{color:#d7deea;margin:.8rem 0 0}
.sdzdx-foot strong{display:block;margin-bottom:.5rem;font:700 .95rem var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--saff)}
.sdzdx-foot nav a{display:block;padding:.35rem 0;min-height:36px}
.sdzdx-foot [data-copy=legal]{font-size:.9rem!important;color:#c3ccdb}

[data-reveal]{opacity:1!important;transform:none!important}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}