/* ScreenMe theme — editorial A1 (2026-11) */
@font-face{font-family:'Jost';font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/jost-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Jost';font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/jost-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{--ink:#111;--muted:#333;--soft:#555;--bg:#fff;--card:#fff;--line:#E5E5E5;--accent:#E8644F;--peach:#F4F4F4;--peach2:#F4F4F4;--mint:#F4F4F4;--mint2:#F6F6F6;--lav2:#F6F6F6;--tile:#F6F6F6;--bar:#111;
 --surface:#fff;--primary:#111;--primary-ink:#fff;--primary-soft:#F4F4F4;--alert:#B5361F;--alert-bg:#FBEDEA;--notice-bg:#F5F5F5;--radius:0px;
 --t-breast:#111;--t-cervical:#111;--t-colorectal:#111;--t-lung:#111;--t-prostate:#111;--t-skin:#111;--t-testicular:#111;--t-general:#999;
 --font:'Jost',system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
body{font-family:var(--font)!important;font-size:18px;line-height:1.6;color:#1a1a1a;background:#fff;font-weight:400}
h1,h2,h3{font-family:var(--font);font-weight:500;letter-spacing:-.02em}
h3{letter-spacing:0}
a{color:#111}
:focus-visible{outline:2px solid var(--accent);border-radius:0}

/* header + nav */
header,.site-header{border-bottom:1px solid var(--line);background:#fff}
nav a,nav.main a{text-transform:uppercase;letter-spacing:.14em;font-size:13px!important;font-weight:500!important;border-radius:0!important;color:#111!important;background:transparent!important}
nav a:hover,nav.main a:hover{text-decoration:underline;text-underline-offset:4px}
nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:4px}
.flag{width:20px;height:14px;vertical-align:-2px;margin-right:6px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}

/* buttons */
.btn{border-radius:0!important;font-family:var(--font)!important;font-weight:500!important;font-size:17px;letter-spacing:.01em;text-transform:none}
.btn-primary{background:#111!important;color:#fff!important}
.btn-ghost{background:transparent!important;color:#111!important;border:1.5px solid #111!important}
.btn-link{color:#111;font-family:var(--font)}

/* home */
.pill{display:none}
.hero{background:#fff}
.hero h1{font-size:clamp(40px,6vw,68px);line-height:1.05}
.lede,.sec-head p,.life-head p,.final p{font-size:20px;color:#333}
.soon,.src,.ticks,.atage li small{font-size:15px;color:#555}
.hero-art .dot{display:none!important}
.art{border-radius:0;background:#F4F4F4}
.plan{border-radius:0;box-shadow:none;border:1px solid var(--line)}
.plan-row{border-radius:0}.plan-row i{border-radius:0}
.plan-row b,.step b{font-weight:500}
[style*="background:var(--peach2)"],[style*="background:var(--mint2)"],[style*="background:var(--lav2)"]{background:var(--tile)!important}
[style*="color:#B8402F"],[style*="color:#4B3A8C"],[style*="color:#1F5C47"],[style*="color:#8E2F22"]{color:var(--ink)!important}
[style*="background:#FFD2C4"],[style*="background:#DCD3F2"],[style*="background:#BFE6D6"]{background:var(--accent)!important;opacity:.85}
.white{background:#fff}
section.block{border-top:1px solid var(--line)}
.life,.lifetime{border-radius:0;box-shadow:none;border:1px solid var(--line)}
.agebox{border-radius:0;background:transparent;border:1px solid var(--line)}
.agebox output,.age-control output{font-weight:500;color:var(--accent)}
.row .lbl b,.chart-row .lbl{font-size:17px;font-weight:500}
.row .lbl small,.chart-row .lbl small{font-size:15px!important;color:#555}
.bar{border-radius:999px!important}
.bar.ext{border-color:#BDBDBD!important}
.marker{background:#111!important;width:3px}
.atage li,.at-age li{border-radius:0;background:#F6F6F6}
.atage li i,.sw{border-radius:50%!important}
.atage li span.n,.step span,.stat span{font-size:17px;color:#333}
.stat{border-radius:0;border-top:1px solid #111;padding:24px 0;background:transparent!important}
.stat b{font-weight:500}
.quote{border-radius:0;background:#111}
.quote p.q{font-weight:400}
.quote p.by{font-size:16px}
.step{border-radius:0;border:0;border-top:1px solid #111;padding:24px 0}
.step .num{border-radius:0;background:transparent;color:#111;font-weight:500;font-size:34px;width:auto;height:auto;justify-content:flex-start}
.final .box{border-radius:0;background:#F4F4F4}
footer{background:#111!important;color:#ddd}
footer p{font-size:16px;color:#ddd}

/* blog */
.tag{border-radius:0;background:transparent!important;color:#555!important;padding:0;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.14em}
.post-card{border-radius:0;border:0;border-top:1px solid #111;padding:22px 0;background:transparent}
.post-card:hover b{text-decoration:underline;text-underline-offset:4px}
.post-card b{font-weight:500}
.post-card span.d{color:#444}
.back{font-weight:500;color:#111}
.article h1{font-weight:500}
.article h2{font-weight:500}
.note{border-radius:0;background:#F6F6F6;color:#333}

/* questionnaire */
.site-header{backdrop-filter:none}
.option{border-radius:0;border-width:1px}
.option:hover{border-color:#111}
.option:has(input:checked){border-color:#111;background:#F4F4F4}
.option input{accent-color:#111}
.progress-bar,.progress-bar i{border-radius:0}
.progress-bar i{background:var(--accent)}
.seg,.seg button{border-radius:0}
.field input[type=number],.field input[type=text],.field textarea{border-radius:0;border-width:1px}
.feedback,.note-box,.alert-box,.rec,.snap,.schedule div,.faq details,.topic-link,.rec .acs{border-radius:0!important}
.feedback.alert,.alert-box{border-left:3px solid var(--alert)}
.rec .tint{border-radius:0}
.q-title,.rec h3,.group>h2{font-weight:500}
details.why summary{color:#111;text-decoration:underline;text-underline-offset:3px}
input[type=range]{accent-color:#111}
.group[data-g] .rec .tint{background:#D6D6D6!important}
.group[data-g=now] .rec .tint,.group[data-g=si] .rec .tint{background:var(--accent)!important}
.group[data-g=soon] .rec .tint{background:#111!important}
.group[data-g=discuss] .rec .tint,.group[data-g=parla] .rec .tint{background:#8C8C8C!important}.narrow.quiz,.narrow.results,.narrow{padding-left:20px;padding-right:20px}
.site-header .brand img{margin:0 0 0 -8px!important;height:48px!important;width:auto}
.site-header .wrap{padding-top:8px;padding-bottom:4px}/* chart friendly */
.bar:not(.ext){filter:saturate(1.45) brightness(.96)}
.life .bar{height:20px;top:16px}
.bar.ext{border-radius:999px!important;border-width:2px}
.agebox output,.age-control output{color:#111}
.life,.lifetime{background:#FCFBF8}
.atage li,.at-age li{background:#fff;border:1px solid var(--line)}.marker{border-radius:2px}.marker::after{content:"";position:absolute;top:-7px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#111;box-shadow:0 0 0 3px #fff}
.agebox output,.age-control output{color:var(--accent)}