/* calexicolifeinsurance.vip: lettuce beds on the flat Imperial Valley fields outside Calexico, drawn as numbered plate units
   (romaine, iceberg and red-leaf rosettes) on slate-green, soil oatmeal and one madder red. */
@font-face{font-family:"Tomorrow";src:url(/assets/font-ib22bhoh-tomorrow-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Tomorrow";src:url(/assets/font-ib22bhoh-tomorrow-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(/assets/font-ib22bhoh-hanken-grotesk-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(/assets/font-ib22bhoh-hanken-grotesk-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{--key:#1E2D26;--bed:#1E2D26;--bed-2:#2C3E35;--slate:#3A4A42;--oat:#EEE7D0;--stock:#F8F4E3;--paper:#FFFEF7;--hush:#DCD3B6;--rom:#D6E2BA;--rom-2:#C9D8A9;--leaf:#7C9966;--deep:#4F6E48;--mad:#9A2A2E;--mad-deep:#761C20;--soil:#B9A27A;
--kl:2px solid var(--key);--head:"Tomorrow","Arial Narrow",system-ui,sans-serif;--body:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--measure:66ch;--ease:cubic-bezier(.3,1.5,.5,1);
--tile:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%2024'%3E%3Cpath%20d='M0%2012H90'%20stroke='%231E2D26'%20stroke-width='1.5'/%3E%3Cpath%20d='M15%201l11%2011-11%2011L4%2012z'%20fill='%234F6E48'%20stroke='%231E2D26'%20stroke-width='1.5'/%3E%3Cpath%20d='M15%207l5%205-5%205-5-5z'%20fill='%23D6E2BA'%20stroke='%231E2D26'%20stroke-width='1'/%3E%3Cpath%20d='M45%201l11%2011-11%2011L34%2012z'%20fill='%23D6E2BA'%20stroke='%231E2D26'%20stroke-width='1.5'/%3E%3Cpath%20d='M45%207l5%205-5%205-5-5z'%20fill='%237C9966'%20stroke='%231E2D26'%20stroke-width='1'/%3E%3Cpath%20d='M75%201l11%2011-11%2011L64%2012z'%20fill='%239A2A2E'%20stroke='%231E2D26'%20stroke-width='1.5'/%3E%3Cpath%20d='M75%207l5%205-5%205-5-5z'%20fill='%23F8F4E3'%20stroke='%231E2D26'%20stroke-width='1'/%3E%3C/svg%3E");--unit:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%201l11%2011-11%2011L1%2012z'%20fill='%23D6E2BA'%20stroke='%231E2D26'%20stroke-width='1.5'/%3E%3Cpath%20d='M12%206l6%206-6%206-6-6z'%20fill='%237C9966'%20stroke='%231E2D26'%20stroke-width='1.2'/%3E%3Cpath%20d='M12%2010l2%202-2%202-2-2z'%20fill='%239A2A2E'/%3E%3C/svg%3E");--oct:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);--dia:polygon(50% 0,100% 50%,50% 100%,0 50%)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background-color:var(--oat);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='8'%3E%3Crect x='63' width='1' height='8' fill='%231E2D26' fill-opacity='.055'/%3E%3C/svg%3E");color:var(--key);font-family:var(--body);font-size:1.0625rem;line-height:1.65;counter-reset:pl}
::selection{background:var(--mad);color:var(--stock)}
img{display:block;max-width:100%;height:auto}
a{color:var(--mad);text-underline-offset:.2em;text-decoration-thickness:1.5px}
a:hover{text-decoration-thickness:3px}
main a:hover{color:var(--mad-deep)}
:focus-visible{outline:3px solid var(--mad);outline-offset:3px}
h1,h2,h3{font-family:var(--head);font-weight:700;line-height:1.14;margin:0 0 .55em;letter-spacing:0;color:var(--key);text-wrap:balance}
h1{font-size:clamp(2.05rem,4.6vw,3.55rem)}
h2{font-size:clamp(1.8rem,3.4vw,2.7rem)}
h3{font-size:1.2rem;line-height:1.25}
p{margin:0 0 1em;max-width:var(--measure)}
strong{font-weight:700}
.s4vyy-wrap{width:min(100% - 2.5rem,74rem);margin-inline:auto}
@media (max-width:600px){.s4vyy-wrap{width:min(100% - 2rem,74rem)}}
.s4vyy-skip{position:absolute;left:-999px;top:0;background:var(--key);color:var(--stock);padding:.75rem 1rem;z-index:99}
.s4vyy-skip:focus{left:1rem;top:1rem}

/* header: dark furrow bar, then a border of whole units */
.s4vyy-head{position:sticky;top:0;z-index:20;background:var(--bed);color:var(--stock);border-bottom:3px solid var(--mad);backdrop-filter:none}
.s4vyy-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:68px}
.s4vyy-brand{display:inline-flex;align-items:center;gap:.7rem;min-height:48px;font-family:var(--head);font-weight:700;font-size:1.1rem;line-height:1.1;letter-spacing:.03em;text-transform:uppercase;color:var(--stock);text-decoration:none}
.s4vyy-brand img{display:none}
.s4vyy-brand::before{content:"";flex:none;width:30px;height:30px;background:var(--unit) center/contain no-repeat}
.s4vyy-head .s4vyy-brand:hover{color:var(--rom)}
.s4vyy-links{display:flex;gap:.3rem;align-items:center}
.s4vyy-links a{display:inline-flex;align-items:center;min-height:48px;padding:.3rem .8rem;color:var(--stock);text-decoration:none;font-family:var(--head);font-weight:600;font-size:.95rem;letter-spacing:.02em;box-shadow:inset 0 -4px 0 transparent;transition:box-shadow .2s var(--ease)}
.s4vyy-links a:hover{color:var(--stock);box-shadow:inset 0 -4px 0 var(--rom)}
.s4vyy-links a.s4vyy-cta{background:var(--mad);color:var(--stock)!important;padding:.4rem 1.1rem;margin-left:.5rem;border:2px solid var(--stock);box-shadow:3px 3px 0 var(--rom);transition:transform .15s,box-shadow .15s}
.s4vyy-links a.s4vyy-cta:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--rom);background:var(--mad-deep)}
.s4vyy-menu{display:none;align-items:center;justify-content:center;min-width:48px;min-height:48px;background:transparent;border:2px solid var(--stock);border-radius:0;color:var(--stock);cursor:pointer}
@media (max-width:760px){.s4vyy-menu{display:inline-flex}.s4vyy-links{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bed);border-bottom:3px solid var(--mad);flex-direction:column;align-items:stretch;padding:.8rem 1rem 1.2rem;gap:.2rem}.s4vyy-links[data-open]{display:flex}.s4vyy-links a{min-height:52px;font-size:1.05rem;border-bottom:1px solid var(--bed-2)}.s4vyy-links a.s4vyy-cta{justify-content:center;margin:.8rem 0 0}}
#main::before{content:"";display:block;height:26px;background:var(--hush) var(--tile) center/auto 24px space no-repeat;border-bottom:var(--kl)}

/* weather ribbon */
.s4vyy-wx{background:var(--stock);color:var(--key);border-bottom:var(--kl)}
.s4vyy-wx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.6rem;padding:.7rem 0}
.s4vyy-wx-photo{display:inline-flex;align-items:center;gap:.6rem;min-height:48px;background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}
.s4vyy-wx-photo img{width:46px;height:46px;border-radius:0;object-fit:cover;border:var(--kl);clip-path:var(--oct)}
.s4vyy-wx-photo span{font-family:var(--head);font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:var(--kl);border-radius:0;padding:.35rem .75rem;background:var(--paper)}
.s4vyy-wx-photo:hover span,.s4vyy-wx-photo[aria-expanded=true] span{background:var(--key);color:var(--stock)}
.s4vyy-wx-now{display:flex;align-items:center;gap:.7rem}
.s4vyy-wx-now strong{font-family:var(--head);font-size:2rem;line-height:1;color:var(--key)}
.s4vyy-wx-now span{font-size:1rem}.s4vyy-wx-now small{display:block;font-size:.85rem;color:var(--slate)}
.s4vyy-wx-icon{display:inline-flex;color:var(--deep)}
.s4vyy-wx-days{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.s4vyy-wx-days li{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:.6rem;align-items:center;background:var(--oat);border:var(--kl);padding:.3rem .65rem;font-size:.85rem;min-width:124px}
.s4vyy-wx-day{font-family:var(--head);font-weight:700;grid-column:1}.s4vyy-wx-glyph{grid-row:1/3;grid-column:2;color:var(--deep)}.s4vyy-wx-glyph svg{width:22px;height:22px}
.s4vyy-wx-hl{grid-column:1}.s4vyy-wx-hl strong{font-size:.95rem}.s4vyy-wx-hl em{font-style:normal;color:var(--slate);margin-left:.3rem}
.s4vyy-wx-cond{grid-column:1/3;font-size:.8rem;color:var(--slate);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s4vyy-wx-source{margin-left:auto;font-size:.85rem;color:var(--slate)}
.s4vyy-wx-panel{padding:0 0 1rem}.s4vyy-wx-panel img{border:var(--kl);max-width:600px;width:100%;background:var(--paper)}.s4vyy-wx-panel p{font-size:.88rem;color:var(--slate);margin:.5rem 0 0}
@media (max-width:700px){.s4vyy-wx-source{margin-left:0;width:100%}.s4vyy-wx-now strong{font-size:1.7rem}}

/* pages with a headline: the running head sits under it */
.s4vyy-wrap:has(>h1){display:flex;flex-direction:column}
.s4vyy-wrap:has(>h1)>*{order:3}
.s4vyy-wrap:has(>h1)>h1{order:0}
.s4vyy-wrap:has(>h1)>.s4vyy-eyebrow{order:1;text-transform:none;letter-spacing:.02em;font-size:1rem;font-weight:600;margin:0 0 1.2rem}

/* running heads */
.s4vyy-eyebrow{display:flex;align-items:center;gap:.7rem;font-family:var(--head);font-weight:600;font-size:.85rem;line-height:1.3;letter-spacing:.13em;text-transform:uppercase;color:var(--slate);margin:0 0 .9rem;max-width:none}
.s4vyy-eyebrow::after{content:"";flex:1;min-width:1.5rem;height:2px;background:var(--key)}
.s4vyy-sec-head .s4vyy-eyebrow::before{counter-increment:pl;content:counter(pl,decimal-leading-zero);font-weight:700;font-size:1rem;letter-spacing:.04em;color:var(--stock);background:var(--key);padding:.15rem .5rem;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%)}

/* hero: copy and the first plate, a field of whole units below */
.s4vyy-hero{padding:3rem 0 0;background:none;position:relative}
.s4vyy-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:2.5rem 4rem;align-items:center}
@media (max-width:900px){.s4vyy-hero-grid{grid-template-columns:minmax(0,1fr)}.s4vyy-hero{padding-top:2rem}}
.s4vyy-hero-copy h1{margin-bottom:.45em}
.s4vyy-lead{font-size:1.2rem;line-height:1.6;color:var(--slate);max-width:56ch}
.s4vyy-trust{display:grid;grid-template-columns:1fr 1fr;gap:0 1.6rem;margin:1.4rem 0 0;padding:0;list-style:none;font-size:1rem;max-width:44rem}
@media (max-width:560px){.s4vyy-trust{grid-template-columns:1fr}}
.s4vyy-trust li{display:flex;gap:.7rem;align-items:flex-start;padding:.6rem 0;border-top:1.5px solid var(--key)}
.s4vyy-trust li::before{content:"";flex:none;width:.8rem;height:.8rem;margin-top:.5rem;background:var(--mad);clip-path:var(--dia)}
.s4vyy-acts{display:flex;flex-wrap:wrap;gap:1rem;margin:1.8rem 0 0;max-width:none}
.s4vyy-plate{margin:0;justify-self:end;width:100%;max-width:27rem}
@media (max-width:900px){.s4vyy-plate{justify-self:start;max-width:23rem}}
.s4vyy-plate svg{display:block;width:100%;height:auto;box-shadow:8px 8px 0 var(--key)}
.s4vyy-plate figcaption{margin-top:1.3rem}
.s4vyy-plate .s4vyy-eyebrow{margin:0;justify-content:center}
.s4vyy-plate .s4vyy-eyebrow::before{content:"";flex:1;min-width:1.5rem;height:2px;background:var(--key)}
.s4vyy-vista{margin-top:3.2rem;height:clamp(76px,10vw,128px);border-block:var(--kl);overflow:hidden;background:var(--soil)}
.s4vyy-vista svg{display:block;width:100%;height:100%}

/* gallery: the three city photographs ranged as plates */
.s4vyy-gallery{padding:3.4rem 0 .6rem}
.s4vyy-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;counter-reset:ph}
@media (max-width:760px){.s4vyy-mosaic{grid-template-columns:1fr;gap:1.3rem}}
.s4vyy-mosaic a{position:relative;display:block;background:var(--stock);border:var(--kl);padding:.6rem .6rem 0;color:var(--key);text-decoration:none;box-shadow:6px 6px 0 var(--key);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.s4vyy-mosaic a:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--mad);color:var(--key)}
.s4vyy-mosaic img{width:100%;aspect-ratio:8/5;object-fit:cover;border:var(--kl)}
.s4vyy-mosaic span{display:flex;gap:.7rem;align-items:flex-start;padding:.8rem .2rem .9rem;font-family:var(--head);font-weight:600;font-size:1rem;line-height:1.3;position:static;background:none;color:var(--key)}
.s4vyy-mosaic span::before{counter-increment:ph;content:counter(ph);flex:none;display:grid;place-items:center;width:1.7rem;height:1.7rem;background:var(--mad);color:var(--stock);font-weight:700;font-size:.9rem;clip-path:var(--oct)}

/* sections: a title column and the body ranged beside it */
.s4vyy-sec,.s4vyy-section{padding:3.8rem 0}
.s4vyy-sec{border-top:var(--kl);margin-top:2.6rem}
.s4vyy-gallery+.s4vyy-sec{margin-top:2.6rem}
.s4vyy-sheet{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:1.6rem 3.4rem;align-items:start}
.s4vyy-sec-head{position:sticky;top:112px}
.s4vyy-sec-head h2{margin-bottom:0}
@media (max-width:900px){.s4vyy-sheet{grid-template-columns:minmax(0,1fr)}.s4vyy-sec-head{position:static}}
.s4vyy-sec-body>p{max-width:var(--measure)}
.s4vyy-cols{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}
.s4vyy-card{display:block;position:relative;background:var(--stock);border:var(--kl);padding:1.3rem 1.3rem 1.2rem;box-shadow:5px 5px 0 var(--key);color:var(--key);text-decoration:none;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.s4vyy-card h3{margin-bottom:.4em}
.s4vyy-card p:last-child{margin-bottom:0}
a.s4vyy-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--mad);color:var(--key)}
.s4vyy-num{display:grid;place-items:center;width:2.9rem;height:2.9rem;margin-bottom:.9rem;background:var(--key);color:var(--stock);font-family:var(--head);font-weight:700;font-size:1.2rem;clip-path:var(--oct)}
.s4vyy-section--soft{background:var(--rom);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='43'%3E%3Crect y='41' width='8' height='2' fill='%23C9D8A9'/%3E%3C/svg%3E");border-block:var(--kl)}
.s4vyy-panel{margin-top:2.6rem;background:var(--rom);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='43'%3E%3Crect y='41' width='8' height='2' fill='%23C9D8A9'/%3E%3C/svg%3E");border-block:var(--kl)}
.s4vyy-section--deep{background:var(--bed);color:var(--stock)}.s4vyy-section--deep h2,.s4vyy-section--deep a{color:var(--stock)}

/* buttons: flat print, pressed in on hover */
.s4vyy-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:50px;padding:.7rem 1.5rem;border:2px solid var(--key);border-radius:0;background:var(--stock);color:var(--key);font-family:var(--head);font-weight:700;font-size:1rem;line-height:1.2;text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 var(--key);transition:transform .15s var(--ease),box-shadow .15s var(--ease),background-color .15s}
.s4vyy-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--key);color:var(--key);background:var(--rom)}
.s4vyy-btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--key)}
.s4vyy-btn--primary{background:var(--mad);color:var(--stock)}
.s4vyy-btn--primary:hover{background:var(--mad-deep);color:var(--stock)}
.s4vyy-btn--ghost{background:var(--paper);color:var(--key)}
.s4vyy-btn[disabled]{background:var(--hush);color:var(--slate);cursor:progress;box-shadow:none;transform:translate(4px,4px)}

/* quote engine */
.s4vyy-quote{background:var(--stock);border:3px solid var(--key);border-radius:0;padding:1.6rem;box-shadow:8px 8px 0 var(--key);max-width:62rem}
.s4vyy-quote h2{font-size:1.45rem}
.s4vyy-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.4rem}
@media (max-width:560px){.s4vyy-fields{grid-template-columns:1fr}}
.s4vyy-field{display:flex;flex-direction:column;gap:.4rem}
.s4vyy-field>span{font-family:var(--head);font-weight:600;font-size:.95rem;line-height:1.3}
.s4vyy-field input,.s4vyy-field select,.s4vyy-field textarea{font:inherit;font-size:1rem;min-height:48px;padding:.65rem .75rem;border:2px solid var(--key);border-radius:0;background:var(--paper);color:var(--key);width:100%}
.s4vyy-field textarea{min-height:9rem}
.s4vyy-field input:focus,.s4vyy-field select:focus,.s4vyy-field textarea:focus{outline:3px solid var(--mad);outline-offset:1px;border-color:var(--key)}
.s4vyy-field--wide{grid-column:1/-1}
.s4vyy-seg{display:flex;flex-wrap:wrap;gap:.6rem}
.s4vyy-seg label{position:relative;display:inline-flex;align-items:center;gap:.55rem;min-height:48px;padding:.4rem 1rem .4rem .8rem;border:2px solid var(--key);background:var(--paper);color:var(--key);cursor:pointer;font-weight:700;font-size:1rem;transition:transform .2s var(--ease),background-color .15s}
.s4vyy-seg label::before{content:"";flex:none;width:.85rem;height:.85rem;background:var(--soil);clip-path:var(--dia);transition:background-color .15s,transform .25s var(--ease)}
.s4vyy-seg label:hover{background:var(--rom)}
.s4vyy-seg input{position:absolute;opacity:0;width:0;height:0}
.s4vyy-seg label:has(input:checked){background:var(--key);color:var(--stock);animation:s4vyy-lock .28s var(--ease)}
.s4vyy-seg label:has(input:checked)::before{background:var(--rom);transform:scale(1.25)}
.s4vyy-seg label:has(input:focus-visible){outline:3px solid var(--mad);outline-offset:3px}
@keyframes s4vyy-lock{from{transform:translateY(-6px)}to{transform:none}}
.s4vyy-note{font-size:.95rem;color:var(--slate);margin-top:.9rem}
.s4vyy-status{margin-top:.9rem;font-weight:700;min-height:1.4em}
.s4vyy-status[data-tone=error]{color:#8E1F1F}
.s4vyy-results{margin-top:1.8rem}
.s4vyy-summary{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;align-items:baseline;margin-bottom:1rem;font-size:1rem}
.s4vyy-result{display:grid;grid-template-columns:1fr auto;gap:.6rem 1.2rem;align-items:center;border:var(--kl);padding:1rem 1.2rem;margin-bottom:1rem;background:var(--stock);box-shadow:4px 4px 0 var(--key)}
.s4vyy-result--best{border:3px solid var(--mad);box-shadow:5px 5px 0 var(--mad)}
.s4vyy-result strong{font-family:var(--head);font-size:1.1rem}
.s4vyy-result small{display:block;color:var(--slate);font-size:.9rem}
.s4vyy-price{font-family:var(--head);font-size:1.8rem;font-weight:700;text-align:right;line-height:1;color:var(--key)}
.s4vyy-price small{display:block;font-size:.8rem;font-weight:600;text-align:right;margin-top:.3rem;font-family:var(--body)}
.s4vyy-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}
.s4vyy-tag{font-size:.8rem;font-weight:700;padding:.15rem .55rem;background:var(--oat);border:1.5px solid var(--key);color:var(--key)}
.s4vyy-tag--now{background:var(--mad);color:var(--stock);border-color:var(--mad)}
.s4vyy-group{font-family:var(--head);font-size:1.2rem;margin:1.6rem 0 .6rem}
.s4vyy-applicant{margin:.4rem 0 1.2rem;border-color:var(--mad)}
.s4vyy-result .s4vyy-btn{grid-column:1/-1;justify-self:start}
@media (min-width:640px){.s4vyy-result{grid-template-columns:1fr auto auto}.s4vyy-result .s4vyy-btn{grid-column:auto}}
.s4vyy-disclosure{font-size:.9rem;color:var(--slate);border-top:2px solid var(--key);padding-top:.9rem;margin-top:1.1rem}
details.s4vyy-more{margin-top:.6rem;font-size:.95rem}details.s4vyy-more summary{cursor:pointer;color:var(--mad);font-weight:700;min-height:44px;display:flex;align-items:center}

/* tables */
.s4vyy-table-wrap{overflow-x:auto;border:var(--kl);background:var(--stock);box-shadow:5px 5px 0 var(--key)}
.s4vyy-table{width:100%;border-collapse:collapse;font-size:1rem;min-width:30rem}
.s4vyy-table th,.s4vyy-table td{padding:.75rem .9rem;text-align:left;border-bottom:1px solid var(--hush)}
.s4vyy-table th{font-family:var(--head);font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--key);color:var(--stock);border-bottom:0}
.s4vyy-table tbody tr:nth-child(even){background:var(--oat)}
.s4vyy-table tbody tr:last-child td{border-bottom:0}
.s4vyy-table td:not(:first-child){font-variant-numeric:tabular-nums;font-weight:700}

/* articles, questions */
.s4vyy-article{max-width:var(--measure);margin-inline:auto}
.s4vyy-article h1{margin-bottom:.5em}
.s4vyy-article h2{margin-top:2em;padding-top:.7rem;border-top:var(--kl);font-size:clamp(1.4rem,2.6vw,1.8rem)}
.s4vyy-article figure{margin:0 0 1.8rem}.s4vyy-article figcaption{font-size:.88rem;color:var(--slate);margin-top:.5rem}
.s4vyy-article img{border:var(--kl);width:100%}
.s4vyy-sources{font-size:.95rem;border-top:var(--kl);padding-top:1rem;margin-top:2.4rem}.s4vyy-sources ol{padding-left:1.3rem}
.s4vyy-faq details{background:var(--stock);border:var(--kl);margin:0 0 .9rem;box-shadow:4px 4px 0 var(--key)}
.s4vyy-faq details[open]{background:var(--paper)}
.s4vyy-faq summary{cursor:pointer;font-weight:700;font-family:var(--head);font-size:1.05rem;padding:.9rem 1.2rem;min-height:52px;display:flex;align-items:center;gap:.8rem;list-style:none}
.s4vyy-faq summary::-webkit-details-marker{display:none}
.s4vyy-faq summary::before{content:"";flex:none;width:.9rem;height:.9rem;background:var(--mad);clip-path:var(--dia);transition:transform .25s var(--ease)}
.s4vyy-faq details[open] summary::before{transform:rotate(90deg) scale(1.2)}
.s4vyy-faq details>p{padding:0 1.2rem 1rem;margin:0;max-width:var(--measure)}
.s4vyy-calc{background:var(--rom)}
.s4vyy-calc output{font-family:var(--head);font-size:1.8rem;font-weight:700;display:block;margin-top:.7rem;color:var(--key)}
.s4vyy-apply-shell{background:var(--stock);border:3px solid var(--key);border-radius:0;padding:1rem;min-height:600px;box-shadow:8px 8px 0 var(--key)}
.s4vyy-apply-shell iframe{width:100%;border:0}
[data-reveal]{opacity:1;transform:none}

/* why: the dark bed */
.s4vyy-why{background:var(--bed);color:#E9E4CC;border-top:0;margin-top:2.6rem;position:relative}
.s4vyy-why::before{content:"";position:absolute;left:0;right:0;top:0;height:26px;background:var(--hush) var(--tile) center/auto 24px space no-repeat;border-bottom:var(--kl)}
.s4vyy-why .s4vyy-sheet{padding-top:26px}
.s4vyy-why h2{color:var(--stock)}
.s4vyy-why .s4vyy-eyebrow{color:var(--rom)}
.s4vyy-why .s4vyy-eyebrow::after{background:var(--rom)}
.s4vyy-why .s4vyy-sec-head .s4vyy-eyebrow::before{background:var(--rom);color:var(--key)}
.s4vyy-why a{color:var(--rom);text-decoration-thickness:2px}
.s4vyy-why a:hover{color:var(--stock)}
.s4vyy-why p{max-width:var(--measure)}
.s4vyy-why-text>p:first-child{font-size:1.15rem}
.s4vyy-hl{margin-top:1.4rem;padding-top:1.1rem;border-top:2px solid var(--rom)}
.s4vyy-hl p{margin:0}
.s4vyy-learn-list{border-top:var(--kl)}
.s4vyy-learn-list .s4vyy-card{display:block;background:transparent;border:0;border-bottom:var(--kl);box-shadow:none;padding:1.15rem 3.4rem 1.15rem 3.2rem;margin:0;transition:background-color .2s,padding .25s var(--ease)}
.s4vyy-learn-list .s4vyy-card::before{content:"";position:absolute;left:.7rem;top:1.55rem;width:1.1rem;height:1.1rem;background:var(--mad);clip-path:var(--dia);transition:transform .25s var(--ease)}
.s4vyy-learn-list .s4vyy-card::after{content:"\2192";position:absolute;right:1.1rem;top:1rem;font-family:var(--head);font-weight:700;font-size:1.4rem;color:var(--key);transition:transform .25s var(--ease)}
.s4vyy-learn-list a.s4vyy-card:hover{background:var(--stock);transform:none;box-shadow:none;padding-left:3.7rem}
.s4vyy-learn-list a.s4vyy-card:hover::before{transform:scale(1.35) rotate(90deg)}
.s4vyy-learn-list a.s4vyy-card:hover::after{transform:translateX(5px)}
.s4vyy-learn-list .s4vyy-card p{color:var(--slate)}

/* footer */
.s4vyy-foot{position:relative;background:var(--bed);color:#E3DEC6;border-top:0;padding:4rem 0 2.2rem;font-size:1rem;margin-top:3.4rem}
.s4vyy-foot::before{content:"";position:absolute;left:0;right:0;top:0;height:26px;background:var(--hush) var(--tile) center/auto 24px space no-repeat;border-bottom:var(--kl)}
.s4vyy-foot-grid{display:grid;gap:1.6rem 2.4rem;grid-template-columns:2fr 1fr 1fr}@media (max-width:700px){.s4vyy-foot-grid{grid-template-columns:1fr}}
.s4vyy-foot a{color:var(--stock);text-decoration-thickness:1.5px}
.s4vyy-foot a:hover{color:var(--rom)}
.s4vyy-foot nav a{display:flex;align-items:center;min-height:44px;margin:0}
.s4vyy-foot strong{font-family:var(--head);color:var(--rom);letter-spacing:.06em;text-transform:uppercase;font-size:.9rem;display:block;margin-bottom:.4rem}
.s4vyy-foot .s4vyy-brand{color:var(--stock);text-decoration:none}
.s4vyy-foot p[data-copy]{font-size:.92rem!important;color:#D5D0B8;max-width:none;border-top:1px solid var(--bed-2);padding-top:1.2rem}
.s4vyy-foot [data-copy]{color:#D5D0B8}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
