
:root{--ink:#172f40;--sub:#5d7583;--teal:#137f91;--aqua:#2eb2b4;--deep:#0c6394;--light:#f3fafe;--line:#d7e5ed;--cream:#fffdf8;--focus:#155cbd;--positive:#188e73}
*{box-sizing:border-box}html{background:#f7fcfe;scroll-behavior:smooth}body{margin:0;font:16px/1.45 system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:radial-gradient(ellipse at 95% -15%,#dcf8f4,transparent 42%),radial-gradient(ellipse at -15% 34%,#fdf6e9,transparent 50%),#f7fcfe;min-height:100vh}
button,textarea{font:inherit}button{cursor:pointer}a{color:#087397}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.5}
header.top{height:60px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.94);border-bottom:1px solid #e2eef2;padding:0 max(20px,calc((100vw - 970px)/2));gap:15px}
.logo{font-size:27px;line-height:1;font-weight:900;color:#163c50;letter-spacing:-1.5px}.logo b{color:#e89846}.logo small{font-size:9px;letter-spacing:1.05px;display:block;color:#678496;margin-top:4px;font-weight:800}
.brand-side{font-size:12px;letter-spacing:.1px;color:#427486;font-weight:700;display:flex;align-items:center;gap:7px}.brand-side:before{content:'';width:8px;height:8px;background:#1aa887;border-radius:50%}
main{width:min(100% - 24px,720px);margin:0 auto;padding:19px 0 32px}main:focus{outline:none}main.short{max-width:760px}
.eyebrow{font-size:11px;letter-spacing:1.65px;text-transform:uppercase;color:#18899d;font-weight:800;margin:0 0 5px}.main-title{font-size:clamp(26px,4vw,34px);line-height:1.12;letter-spacing:-.85px;margin:0 0 9px;font-weight:850}.lead{font-size:14px;color:var(--sub);line-height:1.45;margin:0 0 15px}
.step{display:flex;gap:7px;align-items:center;margin:0 0 13px}.bar{height:6px;flex:1;border-radius:8px;background:#d9e8ee}.bar.active{background:linear-gradient(90deg,#159db2,#55c8ba)}
.panel{border:1px solid #dfebef;box-shadow:0 12px 30px rgba(30,87,111,.075);background:#fff;border-radius:19px;overflow:hidden}
.picture{background:linear-gradient(125deg,#f0fbfa,#eff7ff);padding:12px 12px 8px}.picture img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain;border-radius:12px;background:#fff}
.content{padding:18px 23px 21px}.label{font-size:11px;letter-spacing:1.35px;text-transform:uppercase;color:#228a98;font-weight:800;margin-bottom:10px}.statement{font-size:clamp(18px,2.7vw,21px);line-height:1.36;font-weight:740;letter-spacing:-.25px;margin:0 0 16px}.select-label{color:#556f7e;font-weight:700;font-size:14px;margin:0 0 10px}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice{background:#fff;border:1.5px solid #d3e2e9;border-radius:11px;min-height:54px;width:100%;font-size:14px;line-height:1.28;font-weight:650;color:#233e50;text-align:left;padding:10px 13px;display:flex;align-items:center;gap:12px;transition:background .1s,border-color .1s}
.choice:hover{background:#f6fcfd}.choice:before{content:'';width:15px;height:15px;flex:none;border:1.6px solid #a6bac3;border-radius:50%}.choice[aria-pressed='true']{background:#e6f6f1;border-color:#27ab88}.choice[aria-pressed='true']:before{background:#249b7c;border:3px solid #e7f6f2;box-shadow:0 0 0 1.5px #249b7c}
.actions{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:17px}.next{flex:1;max-width:270px;background:linear-gradient(95deg,#1376a6,#208eae);border:0;border-radius:11px;color:#fff;font-size:15px;font-weight:800;min-height:48px;padding:11px 17px}.back{background:#fff;border:1.5px solid #d6e6ed;border-radius:11px;color:#37677d;font-size:14px;font-weight:700;min-height:48px;padding:10px 15px}
.note{margin:13px 6px 0;text-align:center;font-size:12px;line-height:1.45;color:#637d8a}.note strong{color:#406376}
.results{padding:22px 22px 24px}.results h2{font-size:clamp(21px,4vw,28px);line-height:1.17;letter-spacing:-.5px;margin:0 0 12px}.results h3{font-size:17px;margin:21px 0 7px;color:#1a4a61}.results p{margin:0 0 12px;line-height:1.56}.results ul{padding-left:21px;margin:7px 0 14px}.results li{margin:0 0 6px}.results .muted{color:#526e7d}.result-card{border:1px solid #d9e8ef;border-radius:13px;padding:16px;margin:13px 0;background:#f9fdfe}.result-card h3{margin:0 0 8px}.result-card .scene-small{font-size:14px;color:#526e7d;margin-bottom:13px}.pill{border-radius:100px;background:#e7f5f5;color:#147684;display:inline-block;padding:5px 10px;font-size:11px;font-weight:800;margin-bottom:9px}
.pick{display:block;width:100%;text-align:center;background:#167daa;color:white;border:0;padding:12px 17px;font-weight:800;border-radius:10px;min-height:46px}.quiet{background:#eff7fa;color:#22647d;border:1px solid #cfe4ea}.input{width:100%;resize:vertical;min-height:170px;border:1.5px solid #b9d3e0;border-radius:12px;padding:13px;color:#233b49;background:#fff;line-height:1.55}.input-note{font-size:12px;color:#657d88;margin-top:8px}.notice{border-left:3px solid #33a9aa;background:#edf9f8;padding:12px 14px;margin:17px 0;font-size:13px;color:#3c6571;border-radius:0 10px 10px 0;line-height:1.5}.report{background:white;border:1px solid #dfeaed;border-radius:16px;padding:21px;margin-bottom:15px}.report h3{margin-top:24px}.report h3:first-child{margin-top:4px}.report .user-quote{white-space:pre-wrap;border-left:3px solid #e9a254;padding:10px 13px;background:#fffaf4;border-radius:0 8px 8px 0;overflow-wrap:anywhere}.download-area{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.download-area button{background:#f0faf9;border:1.5px solid #8cc9ca;border-radius:10px;padding:13px 10px;font-size:14px;color:#195c6f;font-weight:800;min-height:48px}.next-3im{margin:16px 0 0;padding:18px 20px;border-radius:15px;background:linear-gradient(118deg,#effaf9,#eef7fe);border:1px solid #d8ecf0}.next-3im h3{margin:0 0 9px}.next-3im p{font-size:14px;line-height:1.55}.next-3im a{font-weight:800}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:580px){header.top{height:54px;padding:0 17px}.logo{font-size:24px}.brand-side{font-size:12px}main{width:calc(100% - 24px);padding:17px 0 26px}.main-title{font-size:27px;margin-bottom:6px}.lead{font-size:12.5px;line-height:1.4;margin-bottom:12px}.step{gap:7px;margin-bottom:11px}.step .bar{height:5px}.panel{border-radius:16px}.picture{padding:8px 8px 4px}.picture img{max-height:252px}.content{padding:13px 15px 15px}.label{font-size:10px;margin-bottom:7px}.statement{font-size:17px;line-height:1.34;margin-bottom:11px}.select-label{font-size:12px;margin-bottom:9px}.choices{display:flex;flex-direction:column;gap:8px}.choice{min-height:46px;font-size:13px;padding:9px 12px;gap:12px}.actions{margin-top:13px}.next{max-width:none;min-height:46px;font-size:14px}.back{min-height:46px;font-size:13px}.note{font-size:11px;margin:10px 7px}.results{padding:16px 15px}.results h2{font-size:23px}.result-card{padding:13px}.report{padding:15px}.download-area{grid-template-columns:1fr}}
@media(max-width:365px){.picture img{max-height:215px}.main-title{font-size:25px}.statement{font-size:16px}.choice{font-size:12.5px}.content{padding:12px 12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{header.top,.actions,.pick,.download-area{display:none!important}main{max-width:none}.report{border:0;box-shadow:none}}

/* Ekran wprowadzający: zachowuje informacyjny charakter starego Skanu. */
.welcome{background:linear-gradient(140deg,#ffffff 0%,#f0faff 78%);border:1px solid #dcecf1;border-radius:22px;padding:clamp(22px,5vw,42px);box-shadow:0 14px 38px rgba(30,87,111,.07);}
.welcome-kicker{color:#09899b;font-size:12px;font-weight:850;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:13px}
.welcome h1{font-size:clamp(29px,4vw,36px);font-weight:850;line-height:1.05;letter-spacing:-1.6px;margin:0 0 15px;color:#16364c}
.welcome h1 span{color:#128c9d}
.welcome-lead{font-size:clamp(17px,3vw,21px);font-weight:750;color:#2d596f;line-height:1.32;margin:0 0 20px}
.welcome p{line-height:1.53;color:#3b5b6a;margin:0 0 17px}
.teasers{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 20px}
.teasers span{background:#ebf7f9;border:1px solid #cee6e7;border-radius:100px;padding:9px 12px;color:#1c6677;font-size:13px;font-weight:730}
.welcome-how{background:#fff8ed;border:1px solid #f2e3c9;border-radius:14px;padding:15px 17px;margin:20px 0}
.welcome-how strong{color:#775322}.welcome-how p{margin:7px 0 0;font-size:14px;color:#4a5d62}
.welcome-start{display:block;background:linear-gradient(100deg,#1298aa,#1973a4);border:none;border-radius:13px;color:white;font-size:17px;font-weight:850;width:100%;min-height:58px;padding:15px 20px;box-shadow:0 8px 20px rgba(15,122,154,.18)}
.welcome .welcome-assurance{font-size:12px;color:#657d88;text-align:center;margin:13px 0 0}
.answer-status{font-size:12px;color:#517785;margin:10px 0 0;min-height:18px}
@media(max-width:580px){.welcome{padding:22px 18px;border-radius:18px}.welcome h1{font-size:27px}.welcome-lead{font-size:19px}.welcome p{font-size:14px}.teasers{gap:7px}.teasers span{font-size:12px;padding:8px 10px}.welcome-how{padding:14px}.welcome-start{font-size:16px;min-height:54px}.answer-status{font-size:11.5px}}

/* Wersja 1.0.3 — czytelna karta wartości dla użytkownika */
.report .report-hero-new{background:linear-gradient(120deg,#edf8fb,#fffaf1);padding:20px;border-radius:14px;margin-bottom:17px;border:1px solid #dcecee}.report-hero-new h2{color:#124867;font-size:clamp(24px,4vw,32px);margin:6px 0 10px}.report .hero-claim{font-size:clamp(19px,3vw,22px);font-weight:750;line-height:1.32;color:#144d65}.three-lenses{border:1px solid #cce9e8;background:#effaf9;border-radius:14px;padding:16px;margin:19px 0}.three-lenses h3{margin:0 0 14px;color:#0c7282}.three-lenses p{margin:10px 0}.first-action{border-left:5px solid #eaa44c;background:#fff7eb;padding:16px 18px;border-radius:0 13px 13px 0;margin:20px 0}.first-action h3{margin:0 0 8px;color:#875224}.first-action p{margin:0;font-size:17px;font-weight:650}.other-mechanisms{background:#f4f8fb;padding:14px 16px;border-radius:11px;margin-top:18px}.other-mechanisms h3{margin-top:0}.other-mechanisms p:last-child{margin-bottom:0}.welcome-how p + p{margin-top:12px}.results .pick{text-decoration:none}.report .input-note{margin-top:10px}
@media(max-width:580px){.report .report-hero-new{padding:15px}.three-lenses{padding:13px}.first-action{padding:13px}.first-action p{font-size:16px}}

/* 1.0.4 — zatwierdzone strony otwarcia i wyniku */
.welcome .benefits{margin:10px 0 2px;padding-left:22px;color:#354e5d;line-height:1.53;}
.welcome .benefits li{padding-left:3px;margin:0 0 11px;}
.welcome .benefits li:last-child{margin-bottom:2px;}
.report .report-hero-new{margin-bottom:21px;}
.report .hero-claim{margin:0;font-size:clamp(18px,3vw,22px);}
.report .ally-text{border-left:4px solid #2eae92;padding:12px 15px;background:#eefaf5;margin-top:24px;border-radius:0 9px 9px 0;}
.report .contact-email{font-size:clamp(18px,3vw,23px);font-weight:850;color:#146d96;}
.report .tagline{margin:25px 0 0;padding-top:15px;border-top:1px solid #d8e9ee;color:#195870;font-size:17px;}
.report-personal{margin-top:15px;}
@media(max-width:580px){.welcome .benefits{font-size:14px;padding-left:20px;}.report .ally-text{padding:11px 12px;}}

/* 1.0.5 — bogata, rozwijana karta wyniku. */
.report .today-action{margin:22px 0;background:#fff7e9;border-left:5px solid #eba84c;border-radius:0 12px 12px 0;padding:15px 17px;}
.report .today-action h3{margin:0 0 8px;color:#795022;font-size:19px;}
.report .today-action p{margin:0;line-height:1.6;color:#3b3b32;font-weight:570;}
.report .more-result-heading{color:#164a62;font-size:clamp(20px,4vw,25px);line-height:1.26;margin:27px 0 6px;}
.report .expand-hint{font-size:13px;color:#536c7a;margin:0 0 14px;}
.report-disclosure{background:#fcfefe;border:1px solid #d3e5eb;border-radius:12px;margin:9px 0;overflow:hidden;}
.report-disclosure summary{list-style:none;cursor:pointer;position:relative;padding:15px 42px 15px 15px;font-size:16px;font-weight:790;color:#175b70;min-height:53px;}
.report-disclosure summary::-webkit-details-marker{display:none;}
.report-disclosure summary:after{content:'+';position:absolute;right:16px;top:50%;transform:translateY(-50%);font-weight:650;color:#087895;font-size:25px;line-height:1;}
.report-disclosure[open] summary:after{content:'−';}
.report-disclosure[open] summary{border-bottom:1px solid #dde9ee;background:#f1fafa;}
.report-disclosure .disclosure-inside{padding:13px 17px 16px;color:#324d5d;line-height:1.57;}
.report-disclosure .disclosure-inside p{margin:0 0 12px;}
.report-disclosure .disclosure-inside p:last-child{margin-bottom:0;}
.report-disclosure ul{margin:2px 0 0;padding-left:21px;}
.report-disclosure li{padding-left:3px;margin-bottom:10px;}
.report-disclosure li:last-child{margin-bottom:0;}
.report-disclosure .error-list li{margin-bottom:14px;}
.report-disclosure .example-note{font-size:13px;color:#59727f;}
.report .change-direction{border:1px solid #cae6df;background:#f1fbf6;padding:15px 17px;border-radius:12px;margin:22px 0;}
.report .change-direction h3{margin:0 0 8px;color:#1b6b5a;}
.report .change-direction p{margin:0;}
.report .outro-message{padding:8px 0 0;border-top:1px solid #dfeaed;margin-top:24px;}
.report .outro-message h3{color:#1c6e86;margin-top:19px;}
@media(max-width:580px){.report-disclosure summary{font-size:15px;padding:14px 38px 14px 13px;}.report-disclosure .disclosure-inside{padding:12px 13px 14px;}.report .today-action{padding:12px 13px;}}
@media print{.report-disclosure .disclosure-inside{display:block!important}}

/* Wersja 1.0.6: zagrożenia, ich ograniczanie, próg do dalszej analizy */
.report .risk-protection{margin-top:15px;padding:14px;background:#eef8f6;border-left:4px solid #20a38a;border-radius:0 10px 10px 0;}
.report .risk-protection h4{font-size:15px;margin:0 0 8px;color:#176858;}
.report .risk-protection p{margin:0;}
.report .next-analysis{margin:23px 0 17px;padding:17px;background:#f4f9fc;border:1px solid #d4e6ef;border-radius:14px;}
.report .next-analysis h3{margin:0 0 12px;color:#175a77;}
.report .next-analysis p{margin:0 0 12px;line-height:1.58;}
.report .next-analysis p:last-child{margin-bottom:0;}
.report .next-analysis .evidence-note{background:#fff;border:1px solid #d9e9e8;padding:14px;border-radius:10px;margin:15px 0;}
.report .next-analysis .evidence-note h4{font-size:16px;color:#1c6663;margin:0 0 8px;}
@media(max-width:580px){.report .next-analysis{padding:13px;}.report .next-analysis .evidence-note{padding:12px;}.report .risk-protection{padding:12px;}}

/* 1.0.7 — pięć bezpośrednich wyników, a następnie prosta opinia. */
.syndrome-navigation{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 18px}.syndrome-navigation a{font-size:13px;font-weight:750;background:#eaf7fa;padding:9px 12px;border-radius:10px;text-decoration:none;border:1px solid #cde7ef}
.syndrome-card{border:1px solid #d4e6ed;background:white;border-radius:16px;margin:0 0 16px;box-shadow:0 9px 22px rgba(20,89,114,.06);overflow:hidden}
.syndrome-card-heading{display:flex;flex-direction:column;gap:5px;padding:16px 45px 16px 18px;cursor:pointer;position:relative;list-style:none;background:linear-gradient(115deg,#effafd,#fff)}
.syndrome-card-heading::-webkit-details-marker{display:none}.syndrome-card-heading:after{content:'+';position:absolute;right:16px;top:17px;font-size:26px;color:#14738e}.syndrome-card[open]>.syndrome-card-heading:after{content:'−'}
.syndrome-count{font-size:11px;font-weight:800;letter-spacing:.5px;color:#277a86;text-transform:uppercase}.syndrome-card-heading strong{font-size:clamp(20px,3vw,24px);color:#164a64}.syndrome-teaser{font-size:14px;color:#506a78}
.syndrome-body{border:0;border-top:1px solid #e3edf0;border-radius:0;box-shadow:none;padding:19px 20px 23px}.syndrome-body h3{font-size:18px;color:#1b526a}.syndrome-body p{line-height:1.57}
.result-outro,.feedback-box{padding:20px;border:1px solid #d8e8ef;border-radius:16px;background:white;margin:19px 0}.result-outro h2,.feedback-box h2{font-size:clamp(20px,3vw,24px);margin:0 0 12px;color:#15556c}.result-outro p,.feedback-box p{line-height:1.57}
.feedback-box{background:#f2fafb;border-color:#c5e5ec}.feedback-box form{margin-top:20px}.feedback-box fieldset{border:0;padding:0;margin:0 0 23px}.feedback-box legend,.feedback-label{display:block;font-weight:800;color:#19485a;margin-bottom:12px;font-size:16px}
.feedback-choices{display:flex;flex-wrap:wrap;gap:9px}.feedback-option{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #cadde5;border-radius:10px;padding:10px 12px;cursor:pointer;font-size:13px}.feedback-option:has(input:checked){background:#e5f6ee;border-color:#329b82}.feedback-option input{accent-color:#138a74;width:16px;height:16px}
#feedback-comment{width:100%;display:block;resize:vertical;min-height:100px;border:1px solid #bfdae2;border-radius:10px;padding:12px;background:white;font-size:14px}.feedback-note{color:#546d78;font-size:12px;margin:10px 0 14px}.feedback-submit{background:#177fa4;color:white;border:0;border-radius:10px;font-weight:780;padding:13px 18px;min-height:45px}.feedback-status{font-size:13px;color:#176a63;min-height:20px}.feedback-honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
@media(max-width:580px){.syndrome-card-heading{padding:14px 37px 14px 13px}.syndrome-body{padding:14px 13px 16px}.feedback-box,.result-outro{padding:16px 14px}.feedback-choices{display:grid;grid-template-columns:1fr}.feedback-option{font-size:14px;min-height:42px}.syndrome-navigation{gap:6px}.syndrome-navigation a{font-size:12px}}
@media print{.feedback-box{display:none!important}.syndrome-card>.syndrome-body{display:block!important}}
