:root{--bg-color:#f5f5ee;--primary:#283c34;--accent:#496b4b;--accent-light:#edf1e7;--text-main:#334137;--text-muted:#65705e;--radius:18px}
body{padding:24px 20px;background:var(--bg-color)}::selection{background:#284a3b;color:#fff}.site-nav{max-width:750px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:var(--primary)}.site-nav a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none}.site-nav a:hover{text-decoration:underline}.site-name{font-family:Georgia,serif;font-size:20px}.container{margin:22px auto 32px;padding:36px 40px;border:1px solid #e0e5d9;box-shadow:0 12px 40px #283c3406}.container header{margin-bottom:25px}h1{font-family:Georgia,"Times New Roman",serif;font-size:29px;line-height:1.2;font-weight:400}p.intro{line-height:1.7}.question-title{font-size:17px;line-height:1.55}.option-label{min-height:52px;border-color:#e6e9df;padding:13px 16px}.option-label:has(input:checked){border-color:var(--accent);background:var(--accent-light)}.option-label input{flex-shrink:0;width:17px;height:17px}.option-text{line-height:1.55}.btn{min-height:48px;background:var(--accent)}.btn:hover{background:#345237}.btn:disabled{background:#d4d9d0;color:#52604f}a:focus-visible,button:focus-visible,.option-label:has(input:focus-visible){outline:3px solid #496b4b;outline-offset:4px}.quiz-footer{max-width:750px;margin:0 auto 20px;text-align:center;color:#66715f;font-size:12px}.quiz-footer a{color:inherit;display:inline-block;padding:12px}noscript{display:block;border:1px solid #d1d9c9;padding:20px;margin:20px auto;max-width:750px}.result-title{font-family:Georgia,serif;font-weight:400;line-height:1.3}.result-tag{line-height:1.6}.scale-info{line-height:1.8}
@media(max-width:600px){body{padding:14px 14px}.site-nav{padding:0 5px;font-size:12px}.site-name{font-size:18px}.container{margin-top:14px;padding:25px 20px;border-radius:16px}h1{font-size:26px}.question-title{font-size:16px}.option-label{padding:12px 11px}.option-text{font-size:14px}.btn-container{margin-top:23px}.btn{width:100%;padding:13px 18px}.scale-info{font-size:12px}.result-title{font-size:24px}.result-zone{font-size:17px}.result-desc{padding:16px}.result-block{padding:16px}}
.question-card,#result-screen{scroll-margin-top:24px}.question-title:focus,#result-screen:focus{outline:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}