/* Файл: quiz-modern.css. Версия: 1.1. Дата: 10.10.2026.
 * Назначение: адаптивный интерфейс квиза. Изменения: читаемые подсказки и цели касания 44px. */
.quiz-page{background:#f2f6f3}.quiz-hero{position:relative;padding:42px 0 112px;background:#123f38;background-image:radial-gradient(ellipse at 90% 20%,#2c665860,transparent 52%);overflow:hidden}.quiz-hero::after{content:"";position:absolute;right:-90px;top:-100px;width:530px;height:530px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 70px #ffffff04,0 0 0 140px #ffffff03;pointer-events:none}.quiz-hero .container{position:relative;z-index:1}.quiz-hero h1{max-width:890px;font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1.14;letter-spacing:-.035em;margin:18px 0}.quiz-hero p{max-width:680px;font-size:17px;line-height:1.75;color:#d6e7df}.quiz-hero .quiz-eyebrow{display:inline-flex;padding:7px 12px;border:1px solid #71968970;border-radius:999px;font-size:11px;letter-spacing:.12em;color:#e2cb98}.quiz-hero-tags{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px}.quiz-hero-tags span{color:#dae9e2;font-size:12px;text-transform:none;letter-spacing:0;font-weight:500}.quiz-hero-tags span::before{content:"✓";margin-right:7px;color:#b4d4b8}.quiz-wrap{position:relative;z-index:2;grid-template-columns:minmax(0,1fr) 310px;gap:22px;margin-top:-65px;padding-bottom:64px}.quiz-card{padding:32px;min-height:590px;border-radius:22px;border-color:#dfe9e2;box-shadow:0 12px 40px #103c3210}.quiz-stepnav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-bottom:22px}.quiz-stepnav button{display:grid;justify-items:center;gap:8px;padding:8px 1px;border:0;background:none;font:inherit;color:#53665a;font-size:10px;cursor:pointer}.quiz-stepnav button:disabled{opacity:1;cursor:default}.quiz-stepnav b{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d3dfd7;border-radius:50%;background:#fff;font-size:12px}.quiz-stepnav [aria-current=step]{color:#075e4c;font-weight:750}.quiz-stepnav [aria-current=step] b{background:#075e4c;border-color:#075e4c;color:white;box-shadow:0 0 0 4px #e8f3ec}.quiz-stepnav .is-complete b{background:#e6f2e9;color:#075e4c;border-color:#c1daca}.quiz-progress{margin-bottom:30px}.quiz-progress progress{height:5px}.quiz-progress div{font-size:12px}.quiz-step h2{font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.24;color:#193e32;letter-spacing:-.025em;margin:9px 0 12px}.quiz-step-hint{margin:0 0 24px;color:#6a7b71;font-size:14px;line-height:1.7}.quiz-step .quiz-kicker{font-size:10px;letter-spacing:.12em;color:#547867}.quiz-step .quiz-help{margin:0 0 18px;line-height:1.7;font-size:14px}.quiz-options{gap:10px}.quiz-options span{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:16px 39px 16px 17px;border-color:#d5e1d8;border-radius:12px;font-size:14px;min-height:62px;background:#fff;box-shadow:none}.quiz-options span strong{font-weight:700}.quiz-options span small{color:#53665a;font-size:11px;font-weight:400;line-height:1.45}.quiz-options span::after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:1px solid #cad8cd;border-radius:50%;background:#fff}.quiz-options--multi span::after{border-radius:5px}.quiz-options input:checked+span{border-color:#468968;background:#eef7ef;color:#175135;box-shadow:0 0 0 1px #468968}.quiz-options input:checked+span::after{background:#17654c;border-color:#17654c;box-shadow:inset 0 0 0 4px #eef7ef}.quiz-options label:hover span{border-color:#8aaa96}.quiz-options input[aria-invalid=true]+span{border-color:#ad302c}.quiz-field{font-size:13px;line-height:1.55;margin-bottom:18px}.quiz-field input,.quiz-field select,.quiz-field textarea{border-color:#ccdacf;background:#fcfdfb;border-radius:11px;font-size:16px;font-weight:400}.quiz-field input:focus,.quiz-field select:focus,.quiz-field textarea:focus{border-color:#468968;outline:3px solid #e3f0e7}.quiz-card>.quiz-help{margin:26px 0 0;padding-top:20px;border-top:1px solid #e9eee7;font-size:11px;line-height:1.8;color:#53665a}.quiz-reset{font-size:11px}.quiz-actions{margin-top:16px;align-items:center}.quiz-actions .btn{min-height:48px;border-radius:11px;font-size:14px}.quiz-actions [data-quiz-next],.quiz-actions [data-quiz-submit]{background:#155c47;min-width:175px}.quiz-trust{position:sticky;top:100px;padding:25px;border-color:#dce6dc;border-radius:18px;box-shadow:0 4px 20px #123f3805}.quiz-trust h2{margin:8px 0 18px;font-size:22px;color:#183f33;letter-spacing:-.02em}.quiz-trip-summary,.quiz-review dl{margin:0}.quiz-trip-summary>div,.quiz-review dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:13px 0;border-bottom:1px solid #e9eee7}.quiz-trip-summary dt,.quiz-review dt{grid-column:1/-1;font-size:10px;color:#53665a;text-transform:uppercase;letter-spacing:.06em}.quiz-trip-summary dd,.quiz-review dd{margin:0;font-size:13px;font-weight:600;color:#244c3b;line-height:1.6;overflow-wrap:anywhere}.quiz-trip-summary button,.quiz-review button{padding:0;border:0;background:none;font:inherit;font-size:10px;color:#347859;text-decoration:underline;cursor:pointer;align-self:start;min-height:44px}.quiz-trip-summary button:disabled,.quiz-review button:disabled{display:none}.quiz-trust-process{padding-top:22px;margin-top:8px}.quiz-trust-process strong{font-size:14px}.quiz-trust-process ol{padding-left:18px;gap:11px;font-size:12px;line-height:1.7}.quiz-trust-process small{display:block;font-size:11px;line-height:1.7}.quiz-review{padding:16px 20px;margin-bottom:24px;background:#f3f8f1;border:1px solid #dce8d8;border-radius:13px}.quiz-review h3{margin:0!important;font-size:14px}.quiz-review dl>div:last-child{border:0}.quiz-consent{font-size:11px;line-height:1.65}.quiz-page [hidden]{display:none!important}.quiz-page :focus-visible{outline:3px solid #77ac8c;outline-offset:3px}
@media(max-width:1050px){.quiz-wrap{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.quiz-card{padding:25px}.quiz-trust{padding:20px}.quiz-stepnav span{font-size:9px}}
@media(max-width:800px){.quiz-wrap{grid-template-columns:minmax(0,1fr)}.quiz-trust{display:none}.quiz-hero{padding:30px 0 94px}.quiz-card{padding:26px}.quiz-hero h1{font-size:clamp(2rem,6vw,3rem)}}
@media(max-width:560px){.quiz-hero h1{font-size:2.05rem;line-height:1.16}.quiz-hero h1 br{display:none}.quiz-hero p{font-size:14px;line-height:1.75}.quiz-hero-tags{gap:8px 14px}.quiz-hero-tags span{font-size:10px}.quiz-card{padding:21px 16px}.quiz-wrap{padding-inline:12px;margin-top:-54px}.quiz-stepnav{margin-bottom:20px}.quiz-stepnav span{display:none}.quiz-stepnav b{width:29px;height:29px}.quiz-progress{margin-bottom:24px}.quiz-step h2{font-size:25px}.quiz-step-hint{font-size:13px;margin-bottom:20px}.quiz-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quiz-options span{min-height:74px;padding:12px 27px 12px 11px;font-size:12px;line-height:1.4}.quiz-options span small{font-size:10px}.quiz-options span::after{right:8px;width:13px;height:13px}.quiz-grid{grid-template-columns:minmax(0,1fr)}.quiz-actions .btn{font-size:12px;padding-inline:14px}.quiz-actions [data-quiz-next],.quiz-actions [data-quiz-submit]{min-width:0}.quiz-review{padding:14px}.quiz-card>.quiz-help{font-size:10px}.quiz-stepnav button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.quiz-step.is-active{animation:none}.quiz-options span{transition:none}.quiz-page{scroll-behavior:auto}}