@font-face{font-family:"Fira Sans";font-weight:300;font-display:swap;src:url(fonts/fira-sans-latin-300.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"Fira Sans";font-weight:300;font-display:swap;src:url(fonts/fira-sans-latin-ext-300.woff2) format("woff2");unicode-range:U+0100-02AF}
@font-face{font-family:"Fira Sans";font-weight:400;font-display:swap;src:url(fonts/fira-sans-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"Fira Sans";font-weight:400;font-display:swap;src:url(fonts/fira-sans-latin-ext-400.woff2) format("woff2");unicode-range:U+0100-02AF}
@font-face{font-family:"Fira Sans";font-weight:500;font-display:swap;src:url(fonts/fira-sans-latin-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"Fira Sans";font-weight:500;font-display:swap;src:url(fonts/fira-sans-latin-ext-500.woff2) format("woff2");unicode-range:U+0100-02AF}

:root{
	color-scheme:light;
	--ink:#1B1C20;
	--gray:#50505A;
	--orange:#FFA000;
	--green:#00AD80;
	--mint:#E2FFDA;
	--cream:#FFEFE2;
	--rule:#DADADF;
	--error:#A8321F;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-bottom:84px;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:#fff;color:var(--ink);font:400 17px/1.55 "Fira Sans",Helvetica,Arial,sans-serif}
[hidden]{display:none!important}
a{color:inherit}
h1,h2,h3{font-weight:300;line-height:1.2;margin:0;text-wrap:balance}
p{margin:0 0 1em}
.wrap{width:100%;max-width:1040px;margin:0 auto;padding:0 24px}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

.strip{background:var(--mint);font-size:13.5px}
.strip .wrap{display:flex;justify-content:flex-end;gap:28px;padding-top:5px;padding-bottom:5px}
.strip a{color:var(--gray);text-decoration:none}

header.site{padding:22px 0}
header.site .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}
.site-nav ul{list-style:none;margin:0;padding:0}
.site-nav>ul{display:flex;gap:22px}
.site-nav li{position:relative}
.site-nav a{display:block;padding:6px 0;font-size:14.5px;letter-spacing:.04em;text-transform:lowercase;text-decoration:none;white-space:nowrap}
.site-nav a:hover{text-decoration:underline}
.site-nav .current-menu-item>a{font-weight:500}
.site-nav ul ul{display:none;position:absolute;left:-14px;top:100%;z-index:10;min-width:290px;background:#fff;border:1px solid var(--rule);padding:8px 14px}
.site-nav li:hover>ul,.site-nav li:focus-within>ul{display:block}
.site-nav ul ul a{white-space:normal;text-transform:none}
.nav-toggle{display:none;font:500 15px/1.2 "Fira Sans",Helvetica,Arial,sans-serif;color:var(--ink);background:#fff;border:1px solid #88808D;border-radius:3px;padding:10px 16px;cursor:pointer}
.brand{display:inline-block;width:208px;text-decoration:none}
.brand img{display:block;width:208px;height:auto}
.brand span{display:block;margin-top:6px;font-size:12.6px;line-height:1.2;color:var(--gray);white-space:nowrap}

.intro{display:grid;grid-template-columns:6fr 5fr;gap:48px;align-items:center;padding-top:36px;padding-bottom:56px}
h1{font-size:44px;margin-bottom:22px}
.intro-art img{display:block;width:100%;height:auto}
.facts{background:var(--mint);font-size:14px}
.facts .wrap{display:flex;justify-content:space-between;gap:12px 32px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.facts p{margin:0}
.cta{display:flex;align-items:center;gap:16px;margin:26px 0;color:var(--gray);font-size:15.5px;line-height:1.3}
.cta .button{flex:none}
.small{font-size:14.5px;color:var(--gray)}

.button{display:inline-block;font:500 17px/1.2 "Fira Sans",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--orange);border:1px solid var(--orange);border-radius:3px;padding:13px 24px;text-decoration:none;cursor:pointer}
.button:hover{background:#fff}
.button[disabled]{opacity:.6;cursor:default}

.questionnaire{padding-top:56px;padding-bottom:40px}
.questionnaire>h2,.result h2{font-size:34px;margin-bottom:12px}
.lead{max-width:78ch;color:var(--gray)}
h3{font-size:24px;margin:44px 0 6px;padding-bottom:10px;border-bottom:1px solid var(--ink)}

fieldset.q{border:0;border-bottom:1px solid var(--rule);margin:0;padding:14px 0;display:grid;grid-template-columns:36px minmax(0,1fr) 248px;column-gap:8px;align-items:start;scroll-margin-top:24px}
.q-num{color:var(--gray);padding-top:2px}
.q-text{padding:2px 20px 0 0}
.q-text small{display:block;font-size:14.5px;color:var(--gray);margin-top:2px}
.q-opts{display:grid;grid-template-columns:68px 68px 112px}
.q-opts label{position:relative;display:block;min-height:38px;margin-left:-1px;cursor:pointer}
.q-opts span{display:flex;align-items:center;justify-content:center;height:100%;min-height:38px;font-size:15.5px;border:1px solid #B9B6BE;background:#fff}
.q-opts label:first-child span{border-radius:3px 0 0 3px}
.q-opts label:last-child span{border-radius:0 3px 3px 0}
.q-opts input[type=radio]{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:1}
.q-opts label:hover span{background:var(--mint)}
.q-opts input:checked+span{position:relative;z-index:0;background:var(--ink);border-color:var(--ink);color:#fff;font-weight:500}
.q-opts input:focus-visible+span{outline:2px solid var(--orange);outline-offset:1px;position:relative}
input[type=radio],input[type=checkbox]{width:18px;height:18px;margin:0;flex:none;accent-color:var(--green);cursor:pointer}
fieldset.q.na{display:none}
fieldset.q.missing{background:var(--cream)}
fieldset.q.missing .q-num{padding-left:6px}
.q-subs{grid-column:2/-1;margin-top:10px}
.q-subs label{display:flex;gap:10px;padding:5px 0;font-size:16px;cursor:pointer}
.q-subs input{margin-top:3px}

/* Deasupra butoanelor radio invizibile (z-index:1), care altfel prind clicul de pe „Vezi rezultatul”. */
.bar{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-top:1px solid var(--ink);margin-top:32px;padding:12px 0}
.bar::before{content:"";position:absolute;left:0;top:-1px;height:3px;width:var(--done,0);background:var(--green)}
.error{color:var(--error);margin:10px 0 0}

.result{outline:0}
.verdict{padding:44px 0 40px;background:var(--cream)}
.result[data-outcome=clear] .verdict{background:var(--mint)}
.result[data-outcome=direct] .verdict,.result[data-outcome=risk] .verdict{background:#FFE0E4}
.verdict h2{margin-bottom:10px}
.result-text{font-size:20px;line-height:1.45;max-width:62ch;margin:0}
.result-body{padding-top:12px;padding-bottom:64px}
.result h3{font-size:20px;margin-top:30px}
.result ul{list-style:none;margin:0;padding:0}
.result li{padding:9px 0;border-bottom:1px solid var(--rule)}
.result-body>.small{margin-top:26px}
.summary{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;break-inside:avoid}
.summary th,.summary td{padding:9px 0;border-bottom:1px solid var(--rule);font-weight:400;vertical-align:top}
.summary th{width:440px;text-align:left;padding-right:16px}
.summary td{text-align:left;white-space:nowrap}
.summary-note,#atv-report .summary-note{font-size:14.5px;color:var(--gray);margin:10px 0 0}
#atv-contact-block{margin-top:40px;padding:36px 40px 28px;background:var(--cream)}
.contact-title{font-size:28px!important}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin:22px 0}
.grid label{display:block;font-size:15px;color:var(--gray)}
.grid input{display:block;width:100%;margin-top:4px;font:400 17px/1.3 "Fira Sans",Helvetica,Arial,sans-serif;color:var(--ink);background:#fff;border:1px solid #88808D;border-radius:3px;padding:11px 12px}
.field-error{display:block;color:var(--error);font-size:14.5px}
.consent{display:flex;gap:10px;font-size:15px;color:var(--gray);margin-bottom:6px;cursor:pointer}
.consent input{margin-top:3px}
.trap{position:absolute;left:-9999px}
.has-report .result-body>.small{display:none}
#atv-report{margin-top:28px;max-width:820px;outline:0}
#atv-report h3{font-size:24px;margin:40px 0 14px}
#atv-report h4{font-size:18px;font-weight:500;line-height:1.3;margin:0 0 6px}
#atv-report p{margin:0 0 8px}
#atv-report ul{margin:0 0 10px 18px;padding:0;list-style:disc}
#atv-report li{padding:3px 0;border:0}
#atv-report .legal{font-size:14.5px;color:var(--gray)}
#atv-report .report-actions{margin-bottom:24px}
#atv-report dl{display:grid;grid-template-columns:96px minmax(0,1fr);gap:4px 14px;margin:0}
#atv-report dt{color:var(--gray);font-size:15px}
#atv-report dd{margin:0}
#atv-report .report-meta{grid-template-columns:minmax(96px,max-content) minmax(0,1fr);padding:10px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--rule)}
#atv-report .report-header{margin-top:14px}
#atv-report .item{display:grid;grid-template-columns:36px minmax(0,1fr);padding:16px 0;border-bottom:1px solid var(--rule);break-inside:avoid}
#atv-report .item-num{color:var(--gray)}
#atv-report .item-meta{margin-top:8px}
#atv-report .item-meta dd:last-child{font-size:14.5px;color:var(--gray)}

@media print{
	@page{margin:18mm 16mm}
	body{font-size:11pt;line-height:1.4}
	.strip,.intro,.facts,.questionnaire,footer.site,.report-actions,.site-nav,.nav-toggle{display:none!important}
	.verdict{padding:6mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}
	.result-body{padding:0}
	header.site{padding:0 0 10mm}
	.wrap{max-width:none;padding:0}
	.result{padding:0}
	.result h2{font-size:22pt}
	.result-text{font-size:13pt}
	#atv-report{max-width:none;margin-top:6mm}
	#atv-report h3{font-size:14pt;margin-top:7mm;break-after:avoid}
	#atv-report h4{font-size:11.5pt;margin-top:4mm;break-after:avoid}
	#atv-report .legal,.summary-note{font-size:9.5pt}
}

footer.site{background:var(--mint);font-size:14.5px;padding:24px 0;margin-top:24px}
footer.site p{margin:0}
footer.site .wrap{display:flex;justify-content:space-between;gap:8px 32px;flex-wrap:wrap}

@media (max-width:980px){
	header.site .wrap{flex-wrap:wrap}
	.nav-toggle{display:block}
	.site-nav{display:none;width:100%}
	.site-nav.open{display:block}
	.site-nav>ul{flex-direction:column;gap:0}
	.site-nav a{padding:11px 0;white-space:normal}
	.site-nav ul ul{display:block;position:static;min-width:0;border:0;padding:0 0 0 16px}
}
@media (max-width:860px){
	.intro{grid-template-columns:1fr;gap:12px;padding-top:20px;padding-bottom:32px}
	#atv-contact-block{padding:28px 20px 20px}
	h1{font-size:36px}
	fieldset.q{grid-template-columns:30px minmax(0,1fr)}
	.q-text{padding-right:0}
	.q-opts{grid-column:2;grid-template-columns:1fr 1fr 1.4fr;margin:10px 0 0 1px}
	.q-opts label,.q-opts span{min-height:44px}
	.q-subs{grid-column:2;order:1}
	.q-subs label{padding:8px 0}
	.q-opts{order:2}
}
@media (max-width:560px){
	.wrap{padding:0 16px}
	.strip .wrap{justify-content:space-between;gap:12px}
	h1{font-size:31px}
	.cta{display:block}
	.cta .button{display:block;text-align:center;margin:0 0 10px}
	.grid{grid-template-columns:1fr}
	.bar .button{padding:12px 16px}
	.summary th{width:auto}
	#atv-report .report-meta{grid-template-columns:1fr;gap:0}
	#atv-report .report-meta dd{margin-bottom:8px}
	#atv-report .report-meta dd:last-child{margin-bottom:0}
	.summary td{text-align:right}
}