@font-face{font-family:"Brygada 1918";src:url(/assets/font-axlcytmt-brygada-1918-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Brygada 1918";src:url(/assets/font-axlcytmt-brygada-1918-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Sofia Sans Semi Condensed";src:url(/assets/font-axlcytmt-sofia-sans-semi-condensed-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Sofia Sans Semi Condensed";src:url(/assets/font-axlcytmt-sofia-sans-semi-condensed-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}
:root{--ink:#16140f;--manila:#f1ead4;--white:#fff;--link:#1b2da0;--mute:#4b4638;--errata:#a3140d;
--oxide:#d9541e;--chrome:#f2b705;--teal:#0e8283;--ultra:#2438b5;--violet:#6b3fa0;--grass:#3b9a3f;--sienna:#9a4f26;
--board:var(--teal);--font-body:"Brygada 1918","Sabon","Palatino Linotype",Georgia,serif;--font-ui:"Sofia Sans Semi Condensed","Univers Condensed","Arial Narrow",Arial,sans-serif;
--cut:0 6px 0 rgba(22,20,15,.5);--measure:62ch;--step:90ms steps(2,end)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--ink);font-family:var(--font-body);font-size:1.125rem;line-height:1.62;position:relative}
img{max-width:100%;height:auto;display:block}
a{color:var(--link);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{background:var(--ink);color:#fff;text-decoration:none}
h1,h2,h3{font-family:var(--font-ui);font-weight:800;line-height:1.08;margin:0 0 .5em;letter-spacing:0;color:var(--ink)}
h1{font-size:clamp(2.5rem,5.4vw,4.2rem)}h2{font-size:clamp(1.8rem,3vw,2.5rem)}h3{font-size:1.4rem;font-weight:800}
p{margin:0 0 1em;max-width:var(--measure)}
:focus-visible{outline:3px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 6px #fff}
.soq5p-skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.7rem 1rem;font-family:var(--font-ui);font-weight:800}.soq5p-skip:focus{left:1rem;top:1rem;z-index:99}

/* the fore-edge tab rail, down the left: one stepped tab per division, height by extent */
body::before{content:"";position:fixed;top:0;left:0;bottom:0;width:30px;z-index:15;pointer-events:none;
background:
linear-gradient(var(--sienna),var(--sienna)) 6px 82% / 18px 14% no-repeat,
linear-gradient(var(--violet),var(--violet)) 6px 66% / 24px 15% no-repeat,
linear-gradient(var(--ultra),var(--ultra)) 6px 56% / 16px 9% no-repeat,
linear-gradient(var(--teal),var(--teal)) 6px 38% / 22px 17% no-repeat,
linear-gradient(var(--oxide),var(--oxide)) 6px 24% / 14px 13% no-repeat,
linear-gradient(var(--chrome),var(--chrome)) 6px 12% / 20px 11% no-repeat,
linear-gradient(var(--ink),var(--ink)) 0 0 / 6px 100% no-repeat,
linear-gradient(var(--ink),var(--ink)) 6px 82% / 21px 14% no-repeat,
linear-gradient(var(--ink),var(--ink)) 6px 66% / 27px 15% no-repeat,
linear-gradient(var(--ink),var(--ink)) 6px 56% / 19px 9% no-repeat,
linear-gradient(var(--ink),var(--ink)) 6px 38% / 25px 17% no-repeat,
linear-gradient(var(--ink),var(--ink)) 6px 24% / 17px 13% no-repeat,
linear-gradient(var(--ink),var(--ink)) 6px 12% / 23px 11% no-repeat}
@media (max-width:700px){body::before{width:14px;background:
linear-gradient(var(--sienna),var(--sienna)) 4px 82% / 8px 14% no-repeat,
linear-gradient(var(--violet),var(--violet)) 4px 66% / 10px 15% no-repeat,
linear-gradient(var(--ultra),var(--ultra)) 4px 56% / 7px 9% no-repeat,
linear-gradient(var(--teal),var(--teal)) 4px 38% / 9px 17% no-repeat,
linear-gradient(var(--oxide),var(--oxide)) 4px 24% / 6px 13% no-repeat,
linear-gradient(var(--chrome),var(--chrome)) 4px 12% / 8px 11% no-repeat,
linear-gradient(var(--ink),var(--ink)) 0 0 / 4px 100% no-repeat}}

/* header: manila cover strip with a chequer edge */
.soq5p-head{position:sticky;top:0;z-index:20;background:var(--manila);color:var(--ink)}
.soq5p-head::after{content:"";display:block;height:12px;background:conic-gradient(var(--ink) 25%,var(--oxide) 0 50%,var(--ink) 0 75%,var(--oxide) 0) 0 0/24px 24px;border-top:3px solid var(--ink)}
.soq5p-wrap{width:min(100% - 5rem,74rem);margin-inline:auto}
.soq5p-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:70px}
.soq5p-brand{display:inline-flex;align-items:center;gap:.65rem;font-family:var(--font-ui);font-weight:800;font-size:1.35rem;color:var(--ink);text-decoration:none;min-height:44px}
.soq5p-brand img{width:36px;height:36px}.soq5p-brand:hover{background:none;color:var(--ink)}
.soq5p-links{display:flex;gap:.2rem;align-items:center}
.soq5p-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 .9rem;color:var(--ink);text-decoration:none;font-family:var(--font-ui);font-weight:600;font-size:1.1rem}
.soq5p-links a:hover{background:var(--ink);color:#fff}
.soq5p-links a.soq5p-cta{background:var(--ink);color:#fff!important;padding:0 1.2rem;font-weight:800;box-shadow:0 5px 0 var(--chrome);margin-left:.6rem;transition:transform var(--step),box-shadow var(--step)}
.soq5p-links a.soq5p-cta:hover{transform:translateY(5px);box-shadow:none}
.soq5p-menu{display:none;background:#fff;border:2px solid var(--ink);padding:.4rem .5rem;min-width:46px;min-height:46px;align-items:center;justify-content:center;color:var(--ink);cursor:pointer}
@media (max-width:760px){.soq5p-wrap{width:min(100% - 3rem,74rem)}.soq5p-menu{display:inline-flex}
.soq5p-links{display:none;position:absolute;left:0;right:0;top:100%;background:var(--manila);border-bottom:4px solid var(--ink);flex-direction:column;align-items:stretch;padding:.8rem 1.4rem 1.2rem 1.9rem;gap:.4rem}
.soq5p-links[data-open]{display:flex}.soq5p-links a{padding:0 .9rem;border:2px solid var(--ink);background:#fff}.soq5p-links a.soq5p-cta{margin:.4rem 0 0;justify-content:center;background:var(--ink)}}

/* divisions: every section is a board of one hue; the wrap is the clear leaf, bound at its top edge */
main>section{--board:var(--teal);position:relative;padding:3rem 0 3.6rem;background:var(--board);--leaf:color-mix(in srgb,#fff 88%,var(--board));--ply:color-mix(in srgb,#fff 64%,var(--board))}
main>section.soq5p-section--soft{--board:var(--oxide)}
main>section.soq5p-b-chrome{--board:var(--chrome)}main>section.soq5p-b-teal{--board:var(--teal)}main>section.soq5p-b-oxide{--board:var(--oxide)}
main>section>.soq5p-wrap:not(.soq5p-wx-row):not(.soq5p-wx-panel){position:relative;color:var(--ink);padding:4.3rem 3rem 2.8rem;background:var(--leaf);border:2px solid var(--ink);box-shadow:var(--cut);isolation:isolate}
main>section>.soq5p-wrap:not(.soq5p-wx-row):not(.soq5p-wx-panel)::before{content:"";position:absolute;left:0;right:0;top:0;height:3.2rem;z-index:-1;pointer-events:none;border-bottom:2px solid rgba(22,20,15,.55);background:
radial-gradient(circle at calc(100% - 4.5rem) 1.6rem,var(--board) 0 .55rem,var(--ink) .55rem calc(.55rem + 2px),transparent calc(.55rem + 3px)),
radial-gradient(circle at calc(100% - 8rem) 1.6rem,var(--board) 0 .55rem,var(--ink) .55rem calc(.55rem + 2px),transparent calc(.55rem + 3px))}
/* the running head: the section's name sits on the punched strip */
main>section>.soq5p-wrap>.soq5p-eyebrow:first-child{position:absolute;left:0;top:0;height:3.2rem;margin:0;padding:0 1.2rem 0 3rem;display:flex;align-items:center;max-width:calc(100% - 9rem)}
main>section>.soq5p-wrap>.soq5p-strip:first-child{position:absolute;left:0;top:0;height:3.2rem;width:3rem}
@media (max-width:700px){main>section{padding:1.6rem 0 2.2rem}
main>section>.soq5p-wrap:not(.soq5p-wx-row):not(.soq5p-wx-panel){padding:3.9rem 1.2rem 2rem;box-shadow:0 4px 0 rgba(22,20,15,.5)}
main>section>.soq5p-wrap:not(.soq5p-wx-row):not(.soq5p-wx-panel)::before{background:
radial-gradient(circle at calc(100% - 2rem) 1.6rem,var(--board) 0 .5rem,var(--ink) .5rem calc(.5rem + 2px),transparent calc(.5rem + 3px)),
radial-gradient(circle at calc(100% - 4.3rem) 1.6rem,var(--board) 0 .5rem,var(--ink) .5rem calc(.5rem + 2px),transparent calc(.5rem + 3px))}
main>section>.soq5p-wrap>.soq5p-eyebrow:first-child{padding-left:1.2rem;max-width:calc(100% - 5.4rem)}}

.soq5p-eyebrow{font-family:var(--font-ui);font-weight:800;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)!important;margin:0 0 .7rem;max-width:none;line-height:1.1}
.soq5p-sechead{margin:0 0 .4rem}.soq5p-sechead h2{margin-bottom:.35em}

/* hero */
.soq5p-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:1.5rem 3rem;align-items:start}
@media (max-width:900px){.soq5p-hero-grid{grid-template-columns:1fr}.soq5p-hero-art{order:-1;max-width:9rem}}
.soq5p-hero h1{margin-top:0}
.soq5p-hero-art svg{display:block;width:100%;height:auto}
.soq5p-lead{font-size:1.28rem;line-height:1.5;color:var(--ink);max-width:var(--measure)}
.soq5p-acts{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0 0}
.soq5p-trust{margin:1.6rem 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr));gap:.55rem 1.5rem;font-family:var(--font-ui);font-weight:600;font-size:1.12rem;line-height:1.3}
.soq5p-trust li{display:flex;gap:.7rem;align-items:flex-start}
.soq5p-trust li::before{content:"";flex:none;width:.95rem;height:.95rem;margin-top:.2rem;background:var(--ink);box-shadow:inset 0 0 0 3px var(--leaf),0 0 0 1.5px var(--ink)}
.soq5p-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem;margin-top:2.4rem;align-items:start}
.soq5p-mosaic a:nth-child(2){margin-top:1.8rem}
@media (max-width:760px){.soq5p-mosaic{grid-template-columns:1fr}.soq5p-mosaic a:nth-child(2){margin-top:0}}
.soq5p-mosaic a{display:block;background:#fff;border:2px solid var(--ink);color:var(--ink);text-decoration:none;box-shadow:0 5px 0 rgba(22,20,15,.45);transition:transform var(--step),box-shadow var(--step)}
.soq5p-mosaic a:hover{background:#fff;color:var(--ink);transform:translateY(5px);box-shadow:none}
.soq5p-mosaic img{width:100%;aspect-ratio:8/5;object-fit:cover;border-bottom:2px solid var(--ink)}
.soq5p-mosaic span{display:block;padding:.65rem .85rem .75rem;font-family:var(--font-ui);font-weight:800;font-size:1.1rem;line-height:1.2}

/* ply: nested leaves are the less clear ones; four columns deal to two to one */
.soq5p-cols{display:grid;gap:1.1rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){.soq5p-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.soq5p-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.soq5p-learn{grid-template-columns:repeat(4,minmax(0,1fr))}}
.soq5p-card{position:relative;display:block;background:var(--ply);border:2px solid var(--ink);padding:1.3rem 1.3rem 1.4rem;color:var(--ink);text-decoration:none;box-shadow:0 5px 0 rgba(22,20,15,.45)}
.soq5p-card h3{margin:0 0 .35rem}.soq5p-card p{margin:0}
a.soq5p-card{transition:transform var(--step),box-shadow var(--step)}
a.soq5p-card:hover{background:var(--ply);color:var(--ink);transform:translateY(5px);box-shadow:none}
a.soq5p-card h3::after{content:" \2192"}
.soq5p-num{display:grid;place-items:center;width:3.2rem;height:3.2rem;margin-bottom:.9rem;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--font-ui);font-weight:800;font-size:1.4rem;line-height:1;box-shadow:inset 0 0 0 6px var(--ink),inset 0 0 0 8px var(--chrome),0 3px 0 rgba(22,20,15,.4)}

/* buttons: ply is the only rank */
.soq5p-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:50px;border:2px solid var(--ink);border-radius:0;padding:.6rem 1.4rem;font-family:var(--font-ui);font-weight:800;font-size:1.15rem;cursor:pointer;text-decoration:none;line-height:1.1;transition:transform var(--step),box-shadow var(--step)}
.soq5p-btn--primary{background:var(--ink);color:#fff;box-shadow:0 5px 0 var(--board)}
.soq5p-btn--primary:hover{background:var(--ink);color:#fff;transform:translateY(5px);box-shadow:none}
.soq5p-btn--ghost{background:#fff;color:var(--ink);box-shadow:0 5px 0 rgba(22,20,15,.45)}
.soq5p-btn--ghost:hover{background:#fff;color:var(--ink);transform:translateY(5px);box-shadow:none}
.soq5p-btn[disabled]{cursor:progress;background:#e2dcc7;color:var(--ink);box-shadow:none;border-style:dashed;transform:translateY(3px)}

/* quote engine */
.soq5p-quote{background:none;border:0;padding:0;box-shadow:none}
.soq5p-quote h2{font-size:clamp(1.8rem,3vw,2.5rem)}
.soq5p-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 1.6rem}
@media (max-width:620px){.soq5p-fields{grid-template-columns:1fr}}
.soq5p-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}
.soq5p-field>span{font-family:var(--font-ui);font-weight:800;font-size:1.1rem;letter-spacing:.01em}
.soq5p-field input,.soq5p-field select,.soq5p-field textarea{font-family:var(--font-ui);font-weight:600;font-size:1.15rem;min-height:50px;padding:.55rem .8rem;border:2px solid var(--ink);border-radius:0;background:#fff;color:var(--ink);width:100%;box-shadow:inset 0 4px 0 rgba(22,20,15,.09)}
.soq5p-field textarea{min-height:9rem}
.soq5p-field input:focus,.soq5p-field select:focus,.soq5p-field textarea:focus{outline:3px solid var(--ink);outline-offset:2px}
.soq5p-field--wide{grid-column:1/-1}
.soq5p-seg{display:flex;flex-wrap:wrap;gap:.7rem}
.soq5p-seg label{position:relative;display:inline-flex;align-items:center;gap:.65rem;min-height:50px;padding:.4rem 1.1rem .4rem .8rem;border:2px solid var(--ink);background:#fff;cursor:pointer;font-family:var(--font-ui);font-weight:600;font-size:1.15rem;transition:transform var(--step)}
.soq5p-seg label::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--ink)}
.soq5p-seg input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
.soq5p-seg label:has(input:checked){background:var(--ply);box-shadow:0 5px 0 var(--ink);font-weight:800;transform:translateY(-3px)}
.soq5p-seg label:has(input:checked)::before{background:var(--board);box-shadow:inset 0 3px 0 rgba(22,20,15,.55)}
.soq5p-seg label:has(input:focus-visible){outline:3px solid var(--ink);outline-offset:3px}
.soq5p-note{font-family:var(--font-ui);font-weight:600;font-size:1.05rem;line-height:1.45;color:var(--mute);margin:1.2rem 0 1.3rem;max-width:var(--measure)}
.soq5p-status{margin-top:1.1rem;font-family:var(--font-ui);font-weight:800;font-size:1.1rem;min-height:1.4em}
.soq5p-status:empty{min-height:0;margin:0}
.soq5p-status[data-tone=error]{display:inline-block;background:#fff;color:var(--errata);border:2px solid var(--errata);border-top-width:8px;padding:.55rem .9rem;box-shadow:0 4px 0 rgba(163,20,13,.3)}
.soq5p-results{margin-top:1.8rem}
.soq5p-summary{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;align-items:baseline;margin-bottom:1rem;font-family:var(--font-ui);font-weight:600;font-size:1.1rem}
.soq5p-result{display:grid;grid-template-columns:1fr auto;gap:.6rem 1.3rem;align-items:center;border:2px solid var(--ink);padding:1.05rem 1.2rem;margin-bottom:.9rem;background:var(--ply);color:var(--ink)}
.soq5p-result--best{border-width:3px;box-shadow:0 7px 0 var(--ink)}
.soq5p-result strong{font-family:var(--font-ui);font-weight:800;font-size:1.25rem}
.soq5p-result small{display:block;color:var(--mute);font-family:var(--font-ui);font-weight:600;font-size:1rem}
.soq5p-price{font-family:var(--font-ui);font-size:2.1rem;font-weight:800;text-align:right;line-height:1;font-variant-numeric:tabular-nums}
.soq5p-price small{display:block;font-size:.95rem;font-weight:600;text-align:right;margin-top:.3rem}
.soq5p-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.45rem}
.soq5p-tag{font-family:var(--font-ui);font-size:.95rem;font-weight:800;letter-spacing:.03em;padding:.2rem .6rem;background:#fff;border:2px solid var(--ink);color:var(--ink)}
.soq5p-tag--now{background:#fff;color:var(--errata);border-color:var(--errata)}
.soq5p-group{font-size:1.4rem;margin:1.7rem 0 .5rem}
.soq5p-applicant{margin:.2rem 0 1rem;border-color:var(--ink)}
.soq5p-result .soq5p-btn{grid-column:1/-1;justify-self:start}
@media (min-width:640px){.soq5p-result{grid-template-columns:1fr auto auto}.soq5p-result .soq5p-btn{grid-column:auto}}
.soq5p-disclosure{font-family:var(--font-ui);font-weight:600;font-size:1rem;line-height:1.5;color:var(--mute);border-top:2px solid var(--ink);padding-top:.9rem;margin-top:1.3rem;max-width:var(--measure)}
details.soq5p-more{margin-top:.6rem;font-family:var(--font-ui);font-size:1.05rem}details.soq5p-more summary{cursor:pointer;color:var(--link);font-weight:800;min-height:44px;display:flex;align-items:center}

/* tables */
.soq5p-rates-note{margin-bottom:1.2rem}
.soq5p-table-wrap{overflow-x:auto;border:2px solid var(--ink);background:#fff;padding:.4rem;box-shadow:0 5px 0 rgba(22,20,15,.45)}
.soq5p-table{width:100%;border-collapse:collapse;font-family:var(--font-ui);font-weight:600;font-size:1.15rem;font-variant-numeric:tabular-nums}
.soq5p-table th,.soq5p-table td{padding:.75rem .95rem;border-bottom:2px solid var(--ink);text-align:left}
.soq5p-table th{background:var(--ink);color:#fff;font-size:.95rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-bottom:0}
.soq5p-table tbody tr:nth-child(even) td{background:var(--leaf)}
.soq5p-table tbody tr:last-child td{border-bottom:0}
.soq5p-table td:first-child{font-weight:800}

/* why */
.soq5p-why{display:grid;grid-template-columns:minmax(0,20rem) minmax(0,1fr);gap:1.4rem 3rem;align-items:start}
@media (max-width:900px){.soq5p-why{grid-template-columns:1fr}}
.soq5p-why-head svg{display:block;width:100%;max-width:15rem;margin-top:1.4rem}
.soq5p-why-text p a{display:inline-block;min-height:44px;line-height:44px;font-weight:700}
.soq5p-why-text>*:last-child{margin-bottom:0}

/* articles, faq */
.soq5p-article{width:min(100% - 5rem,58rem)}
@media (max-width:760px){.soq5p-article{width:min(100% - 3rem,58rem)}}
main>section>.soq5p-article h1{margin-top:0}
.soq5p-article p,.soq5p-article li{max-width:var(--measure)}
.soq5p-article h2{margin-top:1.7em}
.soq5p-article figure{margin:1.7rem 0}
.soq5p-article figure img{border:2px solid var(--ink);box-shadow:0 5px 0 rgba(22,20,15,.45)}
.soq5p-article figcaption{font-family:var(--font-ui);font-weight:600;font-size:1rem;line-height:1.45;color:var(--mute);margin-top:.8rem;max-width:var(--measure)}
.soq5p-sources{font-size:1.05rem;border-top:2px solid var(--ink);padding-top:1rem;margin-top:2rem}.soq5p-sources ol{padding-left:1.4rem}
.soq5p-faq details{border-bottom:2px solid var(--ink)}
.soq5p-faq summary{cursor:pointer;font-weight:800;font-family:var(--font-ui);font-size:1.3rem;list-style:none;display:flex;align-items:center;gap:.9rem;min-height:58px;padding:.7rem 0;line-height:1.4}
.soq5p-faq summary::-webkit-details-marker{display:none}
.soq5p-faq summary::before{content:"";flex:none;width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid var(--ink)}
.soq5p-faq details[open] summary::before{background:var(--board);box-shadow:inset 0 4px 0 rgba(22,20,15,.55)}
.soq5p-faq details p{padding-left:2.3rem}
.soq5p-calc{margin:1.5rem 0}
.soq5p-card.soq5p-calc{background:var(--ply)}
.soq5p-calc output{font-family:var(--font-ui);font-size:2.4rem;font-weight:800;display:block;margin-top:.8rem;font-variant-numeric:tabular-nums}
.soq5p-calc h2{font-size:1.5rem!important;margin-top:0}
.soq5p-apply-shell{background:#fff;border:2px solid var(--ink);padding:1rem;min-height:600px;box-shadow:0 5px 0 rgba(22,20,15,.45)}
.soq5p-apply-shell iframe{width:100%;border:0}

/* weather: the title strip above the first board */
main>section.soq5p-wx{background:var(--ink);color:#f6f1e1;padding:0;border-bottom:0}
main>section.soq5p-wx>.soq5p-wrap{padding:0}
.soq5p-wx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.7rem;padding:.8rem 0}
.soq5p-wx-photo{display:inline-flex;align-items:center;gap:.65rem;background:none;border:0;padding:0;color:#fff;font:inherit;cursor:pointer;min-height:50px}
.soq5p-wx-photo img{width:52px;height:52px;object-fit:cover;border:2px solid #fff}
.soq5p-wx-photo span{font-family:var(--font-ui);font-size:1rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:2px solid #fff;padding:.4rem .8rem;min-height:40px;display:inline-flex;align-items:center}
.soq5p-wx-photo:hover span,.soq5p-wx-photo[aria-expanded=true] span{background:var(--chrome);border-color:var(--chrome);color:var(--ink)}
.soq5p-wx-photo:focus-visible{outline-color:#fff;box-shadow:none}
.soq5p-wx-now{display:flex;align-items:center;gap:.7rem;font-family:var(--font-ui)}
.soq5p-wx-now strong{font-size:2.3rem;line-height:1;font-weight:800}
.soq5p-wx-now span{font-size:1.1rem;font-weight:600}.soq5p-wx-now small{display:block;font-size:1rem;color:#e9e4d2}
.soq5p-wx-icon{display:inline-flex;color:var(--chrome)}
.soq5p-wx-days{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:0;padding:0}
.soq5p-wx-days li{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:.6rem;align-items:center;border:2px solid #f6f1e1;padding:.4rem .75rem;font-family:var(--font-ui);font-size:1rem;min-width:132px}
.soq5p-wx-day{font-weight:800;grid-column:1}.soq5p-wx-glyph{grid-row:1/3;grid-column:2;color:var(--chrome)}.soq5p-wx-glyph svg{width:24px;height:24px}
.soq5p-wx-hl{grid-column:1}.soq5p-wx-hl strong{font-size:1.1rem}.soq5p-wx-hl em{font-style:normal;margin-left:.3rem;color:#e9e4d2}
.soq5p-wx-cond{grid-column:1/3;font-size:.95rem;color:#e9e4d2;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.soq5p-wx-source{margin-left:auto;font-family:var(--font-ui);font-weight:600;font-size:1rem;color:#e9e4d2}
.soq5p-wx-panel{padding:0 0 1rem}.soq5p-wx-panel img{max-width:600px;width:100%;background:#0b1020;border:2px solid #fff}.soq5p-wx-panel p{font-family:var(--font-ui);font-size:1rem;color:#e9e4d2;margin:.5rem 0 0}
@media (max-width:700px){.soq5p-wx-source{margin-left:0;width:100%}.soq5p-wx-now strong{font-size:2rem}}

/* no-exam highlight: a flagged leaf */
.soq5p-noexam{background:#fff;border:2px solid var(--ink);padding:1.1rem 1.2rem .5rem;margin:0 0 1.7rem;box-shadow:0 6px 0 var(--board)}
.soq5p-group--noexam{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:0;font-size:1.4rem}
.soq5p-noexam-badge{display:inline-block;background:var(--ink);color:#fff;font-family:var(--font-ui);font-size:.95rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.35rem .75rem}
.soq5p-noexam-note{margin-bottom:.9rem;color:var(--ink)}
.soq5p-result--noexam{border-color:var(--ink);background:var(--ply)}
.soq5p-tag--noexam{background:var(--ink);color:#fff;border-color:var(--ink)}
.soq5p-tag--usually{background:#fff;color:var(--ink);border-color:var(--ink)}
.soq5p-noexam-note+.soq5p-noexam-note{margin-top:1rem;padding-top:.9rem;border-top:2px dashed var(--ink)}

/* footer: the back board */
.soq5p-foot{position:relative;background:var(--ink);padding:3.4rem 0 2.6rem;color:#f6f1e1;font-size:1.1rem;line-height:1.55}
.soq5p-foot::before{content:"";position:absolute;left:0;right:0;top:0;height:12px;background:conic-gradient(var(--ink) 25%,var(--chrome) 0 50%,var(--ink) 0 75%,var(--chrome) 0) 0 0/24px 24px}
.soq5p-foot .soq5p-wrap{color:#f6f1e1}
.soq5p-foot-grid{display:grid;gap:1.8rem 2.6rem;grid-template-columns:2fr 1fr 1fr}
@media (max-width:760px){.soq5p-foot-grid{grid-template-columns:1fr}}
.soq5p-foot-grid p{margin:0 0 .8em}
.soq5p-foot a{color:var(--chrome)}.soq5p-foot a:hover{background:var(--chrome);color:var(--ink)}
.soq5p-foot nav a{display:flex;align-items:center;min-height:44px;font-family:var(--font-ui);font-weight:600;font-size:1.15rem}
.soq5p-foot nav strong{display:block;font-family:var(--font-ui);font-size:1rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.4rem;color:#fff}
.soq5p-foot .soq5p-brand{color:#fff}.soq5p-foot .soq5p-brand:hover{background:none;color:#fff}
.soq5p-foot>.soq5p-wrap:not(.soq5p-foot-grid) p{max-width:none;font-family:var(--font-ui);font-weight:600;font-size:1rem!important;color:#e9e4d2;margin-top:2rem!important}

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