/* Placentia Life Insurance: concourse sign system, hummingbird-count world.
   Yellow panels hold the way-finding, black squares carry white pictograms, everything else stays quiet. */
@font-face{font-family:"Saira Semi Condensed";src:url(/assets/font-jygit5sr-saira-semi-condensed-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Saira Semi Condensed";src:url(/assets/font-jygit5sr-saira-semi-condensed-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Red Hat Text";src:url(/assets/font-jygit5sr-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-jygit5sr-red-hat-text-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --ground:#E9EDE8;--ground-2:#DCE3DB;--white:#FFFFFF;--ink:#14120D;--ink-2:#40473F;--rule:#A5B0A3;
  --yellow:#FFD100;--ruby:#A3103C;--ruby-deep:#760B2B;--green:#0D3B2B;--green-ink:#E7F0E8;
  --head:"Saira Semi Condensed","Arial Narrow",sans-serif;--body:"Red Hat Text",Verdana,sans-serif;
  --measure:66ch;--maxw:1240px;
  --arrow-w:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M7 20h24M20 8l12 12-12 12' fill='none' stroke='%23fff' stroke-width='4.5' stroke-linecap='square'/%3E%3C/svg%3E");
  --arrow-y:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M7 20h24M20 8l12 12-12 12' fill='none' stroke='%23FFD100' stroke-width='4.5' stroke-linecap='square'/%3E%3C/svg%3E");
  --arrow-k:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M7 20h24M20 8l12 12-12 12' fill='none' stroke='%2314120D' stroke-width='4.5' stroke-linecap='square'/%3E%3C/svg%3E");
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:1rem}
@media (min-width:900px){html{scroll-padding-top:7rem}}
body{margin:0;background:var(--ground);color:var(--ink);font:400 1.0625rem/1.62 var(--body)}
::selection{background:var(--yellow);color:var(--ink)}
img{max-width:100%;height:auto;display:block}
a{color:var(--ruby);text-underline-offset:.2em;text-decoration-thickness:2px}
a:hover{color:var(--ruby-deep)}
:focus-visible{outline:4px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 7px var(--yellow)}
h1,h2,h3{font-family:var(--head);font-weight:700;line-height:1.05;margin:0 0 .5em;text-wrap:balance;color:var(--ink)}
h1{font-size:clamp(2.4rem,6.6vw,5.6rem);letter-spacing:-.01em}
h2{font-size:clamp(1.8rem,3.8vw,3rem)}
h3{font-size:1.55rem}
p{margin:0 0 1em;max-width:var(--measure)}
strong{font-weight:700}
.sy57x-wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:1rem}
.sy57x-skip{position:absolute;left:1rem;top:-80px;background:var(--ink);color:var(--yellow);padding:.8rem 1.1rem;z-index:99;font:700 1.1rem var(--head)}
.sy57x-skip:focus{top:.6rem}
.sy57x-skip:hover{color:var(--yellow)}

/* header: a hung yellow band with the destinations in black */
.sy57x-head{background:var(--yellow);border-bottom:6px solid var(--ink);color:var(--ink)}
.sy57x-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.1rem 1.5rem;padding-block:.35rem}
.sy57x-brand{display:inline-flex;align-items:center;min-height:52px;font:700 clamp(1.4rem,3vw,1.8rem)/1 var(--head);color:var(--ink);text-decoration:none;letter-spacing:-.005em}
.sy57x-brand img{display:none}
.sy57x-brand:hover{color:var(--ink);text-decoration:underline;text-decoration-thickness:3px}
.sy57x-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 .1rem}
.sy57x-links a{display:inline-flex;align-items:center;min-height:48px;padding:0 .95rem;font:600 1.2rem var(--head);color:var(--ink);text-decoration:none}
.sy57x-links a:hover{background:var(--ink);color:var(--yellow)}
.sy57x-links a.sy57x-cta,.sy57x-cta{background:var(--ink);color:var(--yellow)!important;margin-left:.5rem;padding:0 .95rem 0 1.15rem;gap:.6rem;font-weight:700}
.sy57x-cta::after{content:"";width:1.5rem;height:1.5rem;background:var(--arrow-y) center/contain no-repeat}
.sy57x-links a.sy57x-cta:hover{background:var(--white);color:var(--ink)!important;box-shadow:inset 0 0 0 3px var(--ink)}
.sy57x-links a.sy57x-cta:hover::after{background-image:var(--arrow-k)}
.sy57x-menu{display:none}

/* weather: the departures strip */
.sy57x-wx{background:var(--ink);color:var(--white)}
.sy57x-wx a{color:var(--white)}
.sy57x-wx .sy57x-wx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 2rem;padding-block:.7rem}
.sy57x-wx-photo{display:inline-flex;align-items:center;gap:.7rem;min-height:48px;background:none;border:0;padding:0;color:var(--white);font:inherit;cursor:pointer}
.sy57x-wx-photo img{width:48px;height:48px;object-fit:cover;border:3px solid var(--white)}
.sy57x-wx-photo span{font:700 1rem/1 var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--white);border:3px solid var(--white);padding:.6rem .8rem}
.sy57x-wx-photo:hover span,.sy57x-wx-photo[aria-expanded=true] span{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
.sy57x-wx-now{display:flex;align-items:center;gap:.9rem}
.sy57x-wx-icon{display:inline-flex;color:var(--yellow)}.sy57x-wx-icon svg{width:34px;height:34px}
.sy57x-wx-now>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:.1rem 1rem}
.sy57x-wx-now strong{font:700 2.9rem/1 var(--head);color:var(--yellow);min-width:2ch;font-variant-numeric:tabular-nums}
.sy57x-wx-now span{font-size:1.0625rem;color:var(--white)}
.sy57x-wx-now small{font-size:1rem;color:#D4D9D2}
.sy57x-wx-days{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.sy57x-wx-days li{display:flex;align-items:center;gap:.55rem;padding:.2rem 1.1rem;min-height:48px;border-left:3px solid #4A4F46}
.sy57x-wx-day{font:700 1.1rem var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--white)}
.sy57x-wx-glyph{display:inline-flex;color:var(--yellow)}.sy57x-wx-glyph svg{width:24px;height:24px}
.sy57x-wx-hl strong{font:700 1.35rem var(--head);color:var(--white)}
.sy57x-wx-hl em{font-style:normal;font-size:1.05rem;color:#D4D9D2;margin-left:.3rem}
.sy57x-wx-cond{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sy57x-wx-source{margin-left:auto;font-size:.95rem;color:#D4D9D2}
.sy57x-wx-panel{padding:0 1rem 1rem}
.sy57x-wx-panel img{max-width:600px;width:100%;background:#26261F;border:3px solid var(--white)}
.sy57x-wx-panel p{font-size:.95rem;color:#D4D9D2;margin:.5rem 0 0}

/* the plate: label text in a black inset square */
.sy57x-eyebrow{display:flex;align-items:center;gap:.6rem;margin:0 0 .7rem;font:700 1.05rem/1.2 var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);max-width:none}
.sy57x-eyebrow::before{content:"";flex:none;width:1.6rem;height:1.6rem;background:var(--ink) var(--arrow-w) center/70% no-repeat}
.sy57x-band{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"plate title arrow";align-items:center;gap:0 1.3rem;margin:0 0 clamp(1.6rem,3vw,2.6rem);padding:.7rem .7rem .7rem .9rem;background:var(--yellow);color:var(--ink);box-shadow:inset 0 0 0 3px var(--yellow),inset 0 0 0 6px var(--ink)}
.sy57x-band .sy57x-eyebrow{grid-area:plate;margin:0;padding:.55rem .9rem;background:var(--ink);color:var(--white)!important;font-size:1.05rem;min-width:9.5rem;justify-content:flex-start}
.sy57x-band .sy57x-eyebrow::before{display:none}
.sy57x-band h2{grid-area:title;margin:0;font-size:clamp(1.7rem,3.3vw,2.7rem);line-height:1.05;max-width:none}
.sy57x-band::after{content:"";grid-area:arrow;width:3.4rem;height:3.4rem;background:var(--ink) var(--arrow-y) center/70% no-repeat}
@media (min-width:900px){.sy57x-band{position:sticky;top:0;z-index:15}}
@media (max-width:760px){
  .sy57x-band{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title arrow" "plate .";gap:.5rem 1rem;padding:.8rem}
  .sy57x-band .sy57x-eyebrow{justify-self:start;min-width:0}
  .sy57x-band::after{width:2.8rem;height:2.8rem}
}

/* hero: one monumental sign, then the plain answer under it */
.sy57x-hero{padding:clamp(1.4rem,3vw,2.6rem) 0 clamp(2rem,4vw,3.4rem)}
.sy57x-sign{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tag pict" "h1 pict";gap:0 clamp(1rem,3vw,3rem);align-items:start;padding:clamp(1.2rem,2.6vw,2.2rem);background:var(--yellow);box-shadow:inset 0 0 0 5px var(--yellow),inset 0 0 0 9px var(--ink)}
.sy57x-sign-tag{grid-area:tag}
.sy57x-sign-tag .sy57x-eyebrow{display:inline-flex;margin:0 0 1rem;padding:.55rem .9rem;background:var(--ink);color:var(--white)}
.sy57x-sign-tag .sy57x-eyebrow::before{display:none}
.sy57x-sign h1{grid-area:h1;margin:0;max-width:15ch;font-size:clamp(2.6rem,7.4vw,6.4rem);line-height:.98}
.sy57x-pict{grid-area:pict;position:relative;display:block;width:clamp(6.5rem,17vw,15rem);aspect-ratio:1;background:var(--ink)}
.sy57x-pict svg{position:absolute;left:12%;top:12%;width:76%;height:76%}
.sy57x-lower{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"lead trust" "acts acts";gap:1.6rem clamp(1.5rem,5vw,5rem);margin-top:clamp(1.6rem,3vw,2.6rem)}
.sy57x-lower>div:first-child{grid-area:lead}
.sy57x-lower>div:nth-child(2){grid-area:trust}
.sy57x-lower .sy57x-acts{grid-area:acts}
.sy57x-lead{font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.5;max-width:44ch;margin:0}
.sy57x-trust{list-style:none;margin:0;padding:0;display:grid;gap:0;font-size:1.0625rem}
.sy57x-trust li{display:flex;align-items:center;gap:.9rem;min-height:56px;padding:.4rem 0;border-top:3px solid var(--ink);font-weight:700}
.sy57x-trust li:last-child{border-bottom:3px solid var(--ink)}
.sy57x-trust li::before{content:"";flex:none;width:2.2rem;height:2.2rem;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M9 21l8 8 14-17' fill='none' stroke='%23fff' stroke-width='5' stroke-linecap='square'/%3E%3C/svg%3E") center/70% no-repeat}
.sy57x-acts{display:flex;flex-wrap:wrap;gap:.8rem 1rem;margin:0;max-width:none}
.sy57x-btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:60px;padding:0 1.5rem;border:4px solid var(--ink);border-radius:0;background:var(--white);color:var(--ink);font:700 1.3rem/1 var(--head);text-decoration:none;cursor:pointer}
.sy57x-btn span{display:inline-block;transition:transform .18s steps(3)}
.sy57x-btn:hover span{transform:translateX(5px)}
.sy57x-btn--primary{background:var(--ink);color:var(--yellow)}
.sy57x-btn--primary:hover{background:var(--yellow);color:var(--ink)}
.sy57x-btn--ghost{background:transparent}
.sy57x-btn--ghost:hover{background:var(--ink);color:var(--yellow)}
.sy57x-btn[disabled]{opacity:.65;cursor:progress}

/* sections */
.sy57x-sec{padding:clamp(2.4rem,5vw,4.2rem) 0}
.sy57x-section{padding:clamp(2rem,4vw,3.4rem) 0}
.sy57x-section--soft{background:var(--ground-2);border-top:14px solid var(--yellow);box-shadow:inset 0 6px 0 var(--ink)}
.sy57x-section--deep{background:var(--green);color:var(--green-ink)}
.sy57x-section--deep h2,.sy57x-section--deep h3,.sy57x-section--deep p{color:var(--green-ink)}
.sy57x-section--deep a{color:var(--yellow)}
.sy57x-cols{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.sy57x-card{background:var(--white);border:4px solid var(--ink);padding:1.2rem}

/* how it works: three decision points chained by a dashed route */
.sy57x-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 3.2rem;counter-reset:none}
.sy57x-steps .sy57x-card{position:relative;background:transparent;border:0;padding:0 0 1rem}
.sy57x-steps .sy57x-num{display:grid;place-items:center;width:5.6rem;height:5.6rem;margin:0 0 1.2rem;background:var(--ink);color:var(--white);font:700 3.6rem/1 var(--head);border-radius:0}
.sy57x-steps .sy57x-card:not(:last-child)::after{content:"";position:absolute;top:2.6rem;left:6.2rem;right:-3rem;height:0;border-top:5px dashed var(--ink)}
.sy57x-steps .sy57x-card:not(:last-child)::before{content:"";position:absolute;top:1.85rem;right:-3.2rem;width:1.5rem;height:1.5rem;background:var(--arrow-k) center/contain no-repeat}
.sy57x-steps h3{font-size:1.9rem;margin:0 0 .5rem}
.sy57x-steps p{margin:0;color:var(--ink-2);max-width:36ch}
.sy57x-num{font-family:var(--head);font-weight:700}
@media (max-width:900px){
  .sy57x-steps{grid-template-columns:1fr;gap:0}
  .sy57x-steps .sy57x-card{display:grid;grid-template-columns:4.4rem minmax(0,1fr);gap:0 1.1rem;padding:0 0 2rem}
  .sy57x-steps .sy57x-num{width:4.4rem;height:4.4rem;font-size:2.8rem;grid-row:1/3;margin:0}
  .sy57x-steps .sy57x-card:not(:last-child)::after{top:4.6rem;left:2.1rem;right:auto;bottom:-.1rem;width:0;height:auto;border-top:0;border-left:5px dashed var(--ink)}
  .sy57x-steps .sy57x-card:not(:last-child)::before{display:none}
  .sy57x-steps h3{font-size:1.7rem}
}

/* quote panel and form */
.sy57x-panel{background:var(--ground-2);border-top:14px solid var(--yellow);box-shadow:inset 0 6px 0 var(--ink);padding:clamp(2rem,4vw,3.4rem) 0 clamp(2.4rem,5vw,4rem)}
.sy57x-quote{background:var(--white);border:4px solid var(--ink);padding:clamp(1rem,2.4vw,2rem);box-shadow:none;border-radius:0}
.sy57x-quote>h2{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:calc(-1 * clamp(1rem,2.4vw,2rem)) calc(-1 * clamp(1rem,2.4vw,2rem)) 1.4rem;padding:.8rem 1rem .8rem clamp(1rem,2.4vw,2rem);background:var(--yellow);border-bottom:4px solid var(--ink);font-size:clamp(1.7rem,3.2vw,2.5rem);max-width:none}
.sy57x-quote>h2::after{content:"";flex:none;width:3rem;height:3rem;background:var(--ink) var(--arrow-y) center/70% no-repeat}
.sy57x-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem 2rem;max-width:960px}
.sy57x-field{display:flex;flex-direction:column;gap:.45rem;border:0;margin:0;padding:0;min-width:0}
.sy57x-field--wide{grid-column:1/-1}
.sy57x-field>span{font:700 1.2rem/1.2 var(--head);letter-spacing:.01em}
.sy57x-field input,.sy57x-field select,.sy57x-field textarea{font:400 1.0625rem var(--body);min-height:52px;padding:.6rem .8rem;border:3px solid var(--ink);border-radius:0;background:var(--white);color:var(--ink);width:100%}
.sy57x-field textarea{min-height:150px}
.sy57x-field input:focus,.sy57x-field select:focus,.sy57x-field textarea:focus{outline:4px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 7px var(--yellow)}
.sy57x-field input[type=date]{accent-color:var(--ink)}
.sy57x-seg{display:flex;flex-wrap:wrap;gap:.6rem}
.sy57x-seg label{position:relative;display:block;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}
.sy57x-seg input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.sy57x-seg label span{display:flex;align-items:center;min-height:52px;padding:0 1.1rem;border:3px solid var(--ink);background:var(--white);font:700 1.2rem var(--head);color:var(--ink)}
.sy57x-seg label:hover span{background:var(--ground-2)}
.sy57x-seg input:checked+span{background:var(--yellow);color:var(--ink);box-shadow:inset 0 -7px 0 var(--ink);margin:0;padding:0 1.1rem;border-radius:0;display:flex}
.sy57x-seg label:has(input:checked){background:transparent;border:0}
.sy57x-seg input:focus-visible+span{outline:4px solid var(--ink);outline-offset:3px}
.sy57x-note{margin:1.3rem 0 1rem;color:var(--ink-2);font-size:1rem;max-width:64ch}
.sy57x-status{margin-top:.8rem;min-height:1.5rem;font-size:1.0625rem;font-weight:700}
.sy57x-status[data-tone=error]{color:var(--ruby)}

/* results: each offer is a sign row, the cheapest carries the ruby edge */
.sy57x-results{margin-top:1.6rem}
.sy57x-summary{display:flex;flex-wrap:wrap;gap:.3rem 1.4rem;align-items:baseline;margin-bottom:1rem;padding-top:.8rem;border-top:6px solid var(--ink);font-size:1.0625rem}
.sy57x-summary strong{font:700 1.5rem var(--head)}
.sy57x-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem 1.4rem;align-items:center;margin-bottom:.8rem;padding:1rem 1.1rem;border:4px solid var(--ink);background:var(--white);border-radius:0}
.sy57x-result--best{border-left:14px solid var(--ruby)}
.sy57x-result strong{font:700 1.45rem/1.3 var(--head)}
.sy57x-result small{display:block;color:var(--ink-2);font-size:1rem}
.sy57x-price{background:var(--yellow);color:var(--ink);padding:.5rem .9rem;font:700 2.4rem/1 var(--head);text-align:right;font-variant-numeric:tabular-nums;border:3px solid var(--ink);border-radius:0}
.sy57x-price small{margin-top:.3rem;font:600 .95rem/1.2 var(--head);color:var(--ink);text-align:right;letter-spacing:.02em}
.sy57x-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.45rem}
.sy57x-tag{padding:.4rem .6rem;border:2px solid var(--ink);background:var(--ground-2);color:var(--ink);font:700 .95rem/1 var(--head);letter-spacing:.05em;text-transform:uppercase;border-radius:0}
.sy57x-tag--now{background:var(--ruby);border-color:var(--ruby);color:var(--white)}
.sy57x-group{margin:1.6rem 0 .5rem;font:700 1.7rem var(--head)}
.sy57x-applicant{margin:.2rem 0 1.2rem;padding:1.2rem;border:4px solid var(--ink);background:var(--white)}
.sy57x-result .sy57x-btn{grid-column:1/-1;justify-self:start}
@media (min-width:640px){.sy57x-result{grid-template-columns:minmax(0,1fr) auto auto}.sy57x-result .sy57x-btn{grid-column:auto}}
.sy57x-disclosure{margin-top:1rem;padding-top:.9rem;border-top:3px solid var(--ink);font-size:.95rem;color:var(--ink-2)}
details.sy57x-more{margin-top:.5rem;font-size:1rem}
details.sy57x-more summary{cursor:pointer;color:var(--ruby);font-weight:700;min-height:44px;display:flex;align-items:center}
.sy57x-noexam{margin:0 0 1.4rem;padding:1rem 1rem .4rem;border:4px solid var(--ink);background:var(--ground-2)}
.sy57x-group--noexam{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:0;font-size:1.6rem}
.sy57x-noexam-badge{display:inline-block;padding:.5rem .8rem;background:var(--ink);color:var(--yellow);font:700 .95rem/1 var(--head);letter-spacing:.1em;text-transform:uppercase}
.sy57x-noexam-note{margin-bottom:.9rem;color:var(--ink)}
.sy57x-noexam-note+.sy57x-noexam-note{margin-top:1rem;padding-top:.9rem;border-top:3px dashed var(--ink)}
.sy57x-result--noexam{border-left:14px solid var(--ink)}
.sy57x-tag--noexam{background:var(--ink);color:var(--yellow);border-color:var(--ink)}
.sy57x-tag--usually{background:var(--white);color:var(--ink);border-color:var(--ink)}

/* rates: the price column is the monumental number */
.sy57x-rates-note p{max-width:62ch;margin:0 0 1.4rem;font-size:1.0625rem;color:var(--ink-2)}
.sy57x-table-wrap{overflow-x:auto;border:4px solid var(--ink);background:var(--white)}
.sy57x-table{width:100%;border-collapse:collapse;font-size:1.0625rem}
.sy57x-table th,.sy57x-table td{padding:.7rem .9rem;text-align:left;border-bottom:3px solid var(--ink);vertical-align:middle}
.sy57x-table thead th{background:var(--ink);color:var(--white);font:700 1rem/1.2 var(--head);letter-spacing:.07em;text-transform:uppercase;border-bottom:0}
.sy57x-table tbody tr:last-child td{border-bottom:0}
.sy57x-table td:first-child{font:700 1.5rem/1.1 var(--head)}
.sy57x-table td:nth-child(2){background:var(--yellow);color:var(--ink);font:700 clamp(2.1rem,5.4vw,4rem)/1 var(--head);font-variant-numeric:tabular-nums;border-left:3px solid var(--ink);border-right:3px solid var(--ink)}
.sy57x-table td:nth-child(3){font:600 clamp(1.5rem,3vw,2.2rem)/1 var(--head);font-variant-numeric:tabular-nums;color:var(--ink-2)}
.sy57x-table td:nth-child(4){font:700 1.5rem/1 var(--head)}
.sy57x-calc .sy57x-table td:nth-child(n){background:none}

/* why: the green panel, text then the pictogram and the highlight links */
.sy57x-why{background:var(--green);color:var(--green-ink);border-top:14px solid var(--yellow);box-shadow:inset 0 6px 0 var(--ink)}
.sy57x-why h2,.sy57x-why p{color:var(--green-ink)}
.sy57x-why a{color:var(--yellow)}
.sy57x-why a:hover{color:var(--white)}
.sy57x-why .sy57x-band h2{color:var(--ink)}
.sy57x-why .sy57x-band .sy57x-eyebrow{color:var(--white)!important}
.sy57x-why-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:2rem clamp(2rem,6vw,5rem);align-items:start}
.sy57x-why-text p{max-width:58ch;font-size:1.125rem;line-height:1.7}
.sy57x-why-side{display:grid;gap:1.4rem}
.sy57x-why-side .sy57x-pict{grid-area:auto;width:clamp(6.5rem,12vw,9rem);background:var(--ink);border:4px solid var(--yellow)}
.sy57x-hl{border-top:4px solid var(--yellow);padding-top:1rem}
.sy57x-hl p{margin:0;max-width:none;font-size:1.0625rem;line-height:1.7}
.sy57x-hl a{display:inline-block;padding:.45rem 0;font-weight:700}
.sy57x-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:clamp(2rem,4vw,3rem)}
.sy57x-mosaic a{display:flex;flex-direction:column;background:var(--yellow);border:4px solid var(--yellow);text-decoration:none;color:var(--ink)}
.sy57x-mosaic img{width:100%;height:clamp(170px,19vw,260px);object-fit:cover;background:var(--ink)}
.sy57x-mosaic span{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:60px;padding:.5rem .3rem .5rem .8rem;font:700 1.35rem/1.1 var(--head);color:var(--ink)}
.sy57x-mosaic span::after{content:"";flex:none;width:2.6rem;height:2.6rem;background:var(--ink) var(--arrow-y) center/70% no-repeat}
.sy57x-mosaic a:hover{background:var(--white);border-color:var(--white)}

/* learn: a chain of choices ahead */
.sy57x-learn-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.4rem}
.sy57x-learn-list .sy57x-card{position:relative;display:block;padding:1.2rem 5.2rem 1.3rem 1.3rem;min-height:44px;text-decoration:none;color:var(--ink)}
.sy57x-learn-list .sy57x-card::after{content:"";position:absolute;top:0;right:0;bottom:0;width:4rem;background:var(--ink) var(--arrow-y) center/46% no-repeat}
.sy57x-learn-list h3{font-size:1.8rem;margin:0 0 .35rem;color:var(--ink)}
.sy57x-learn-list p{margin:0;color:var(--ink-2)}
.sy57x-learn-list .sy57x-card:hover{background:var(--yellow)}
.sy57x-learn-list .sy57x-card:hover p{color:var(--ink)}
.sy57x-learn-list .sy57x-card:hover h3{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.12em}

/* articles, faq, sources */
.sy57x-article{max-width:50rem;margin-inline:auto}
.sy57x-article h1{font-size:clamp(2.3rem,5.4vw,4rem);max-width:17ch}
.sy57x-article h2{font-size:clamp(1.7rem,3vw,2.3rem);margin-top:2.2rem}
.sy57x-article figure{margin:0 0 1.6rem}
.sy57x-article img{border:4px solid var(--ink)}
.sy57x-article figcaption{margin-top:.5rem;font-size:.95rem;color:var(--ink-2)}
.sy57x-article .sy57x-lead{font-size:1.3rem}
.sy57x-sources{margin-top:2.2rem;padding-top:1rem;border-top:6px solid var(--ink);font-size:1rem}
.sy57x-sources ol{padding-left:1.3rem}
.sy57x-sources a{display:inline-block;padding:.2rem 0}
.sy57x-faq{margin-top:1.4rem;border-top:6px solid var(--ink)}
.sy57x-faq details{border-bottom:3px solid var(--ink)}
.sy57x-faq summary{display:flex;align-items:center;gap:1rem;min-height:60px;padding:.6rem 0;cursor:pointer;list-style:none;font:700 1.45rem/1.3 var(--head)}
.sy57x-faq summary::-webkit-details-marker{display:none}
.sy57x-faq summary::before{content:"";flex:none;width:2.2rem;height:2.2rem;background:var(--ink) var(--arrow-w) center/70% no-repeat;transition:transform .15s steps(3)}
.sy57x-faq details[open] summary::before{background-color:var(--ruby);transform:rotate(90deg)}
.sy57x-faq summary:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.15em}
.sy57x-faq details p{margin:.2rem 0 1.2rem 3.2rem}
.sy57x-calc{border:4px solid var(--ink);background:var(--white);padding:1.3rem;margin:1.4rem 0}
.sy57x-calc .sy57x-fields{margin-top:1rem}
.sy57x-calc h2{font:700 1.7rem var(--head)!important;margin:0 0 .4rem}
.sy57x-calc output{display:inline-block;margin-top:1rem;padding:.5rem .9rem;background:var(--yellow);border:3px solid var(--ink);font:700 2.6rem/1 var(--head)}
.sy57x-section--soft .sy57x-lead{max-width:56ch;font-size:1.25rem}
.sy57x-section--soft h1{max-width:18ch}

/* footer: the black base under a yellow rule */
.sy57x-foot{background:var(--ink);color:#E3E7E0;padding:2.8rem 0 2.2rem;border-top:12px solid var(--yellow);font-size:1rem}
.sy57x-foot-grid{display:grid;gap:2rem;grid-template-columns:1.6fr 1fr 1fr}
.sy57x-foot p{margin:.8rem 0 0;color:#E3E7E0;max-width:none}
.sy57x-foot a{color:var(--white)}
.sy57x-foot .sy57x-brand{color:var(--yellow);font-size:1.8rem}
.sy57x-foot .sy57x-brand:hover{color:var(--white)}
.sy57x-foot nav{display:flex;flex-direction:column}
.sy57x-foot nav strong{margin-bottom:.4rem;font:700 1.2rem var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--yellow)}
.sy57x-foot nav a,.sy57x-foot p a{display:inline-flex;align-items:center;min-height:44px}
.sy57x-foot a:hover{color:var(--yellow)}
.sy57x-foot .sy57x-wrap p{font-size:.95rem!important;max-width:90ch;color:#D4D9D2}
.sy57x-apply-shell{background:var(--white);border:4px solid var(--ink);padding:1rem;min-height:600px}
.sy57x-apply-shell iframe{width:100%;border:0}

@media (max-width:980px){
  .sy57x-lower{grid-template-columns:1fr;grid-template-areas:"lead" "trust" "acts"}
  .sy57x-why-grid{grid-template-columns:1fr}
  .sy57x-learn-list{grid-template-columns:1fr}
  .sy57x-mosaic{grid-template-columns:1fr 1fr}
  .sy57x-mosaic a:first-child{grid-column:1/-1}
  .sy57x-foot-grid{grid-template-columns:1fr 1fr}
  .sy57x-foot-grid>div:first-child{grid-column:1/-1}
  .sy57x-wx-source{margin-left:0;flex-basis:100%}
}
@media (max-width:600px){
  body{font-size:1.0625rem}
  .sy57x-sign{grid-template-columns:minmax(0,1fr);grid-template-areas:"tag" "h1" "pict";padding:1rem}
  .sy57x-pict{width:5.2rem;margin-top:1rem}
  .sy57x-links a{padding:0 .65rem;font-size:1.1rem}
  .sy57x-links a.sy57x-cta,.sy57x-cta{margin-left:0;padding:0 .7rem 0 .8rem}
  .sy57x-fields{grid-template-columns:1fr}
  .sy57x-mosaic{grid-template-columns:1fr}
  .sy57x-foot-grid{grid-template-columns:1fr}
  .sy57x-btn{flex:1 1 100%}
  .sy57x-result{grid-template-columns:minmax(0,1fr)}
  .sy57x-price,.sy57x-price small{justify-self:start;text-align:left}
  .sy57x-table th,.sy57x-table td{padding:.55rem .45rem}
  .sy57x-table thead th{font-size:.85rem;letter-spacing:.03em}
  .sy57x-table td:first-child{font-size:1.15rem}
  .sy57x-table td:nth-child(2){font-size:1.9rem}
  .sy57x-table td:nth-child(3){font-size:1.3rem}
  .sy57x-table td:nth-child(4){font-size:1.2rem}
  .sy57x-wx-days li{padding:.2rem .7rem}
  .sy57x-wx-now strong{font-size:2.4rem}
  .sy57x-learn-list .sy57x-card{padding-right:4.4rem}
  .sy57x-learn-list .sy57x-card::after{width:3.2rem}
}
[data-reveal]{opacity:1!important;transform:none!important}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sy57x-btn span,.sy57x-faq summary::before{transition:none}}
.sy57x-section--soft .sy57x-lead,.sy57x-article .sy57x-lead{margin:0 0 1.8rem}
.sy57x-section--soft h1{margin-bottom:.5em}