.team-quiz { background:#fff; color:#151515; min-height:100svh; font-family:"Golos Text",Arial,sans-serif; }
.team-quiz * { box-sizing:border-box; }
.team-quiz__header { position:sticky; top:0; z-index:10; display:flex; justify-content:space-between; align-items:center; gap:24px; padding:20px max(24px,calc((100% - 960px)/2)); border-bottom:1px solid #dedede; background:#fff; }
.team-quiz a { color:inherit; text-underline-offset:5px; }
.team-quiz__brand { text-decoration:none; font-size:15px; }
.team-quiz__brand span { color:#bc3230; }
.team-quiz__exit { font-size:14px; text-decoration:none; white-space:nowrap; }
.team-quiz__main { max-width:960px; margin:0 auto; padding:56px 24px 96px; scroll-margin-top:80px; }
.team-quiz__main h1 { margin:0 0 28px; font-size:clamp(32px,4.8vw,56px); font-weight:400; line-height:1.12; letter-spacing:-.035em; max-width:22ch; scroll-margin-top:24px; }
.team-quiz__main h1:focus { outline:none; }
.team-quiz__main h2 { font-size:24px; font-weight:500; line-height:1.25; margin:0; }
.team-quiz__lead { max-width:56ch; font-size:20px; line-height:1.6; margin:0 0 32px; }
.team-quiz__eyebrow { color:#bc3230; font-size:14px; margin:0 0 28px; }
.team-quiz__intro-list { margin:32px 0; padding:0; list-style:none; max-width:64ch; }
.team-quiz__intro-list li { padding:16px 0; border-top:1px solid #dedede; font-size:16px; line-height:1.6; }
.team-quiz__note { font-size:14px; line-height:1.65; color:#666; max-width:80ch; margin:20px 0; }
.team-quiz__resume { padding:18px; border-left:2px solid #bc3230; background:#fcf4f3; }
.team-quiz__actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-top:32px; }
.team-quiz button { font:inherit; cursor:pointer; }
.team-quiz__primary, .team-quiz__secondary { border:1px solid #bc3230; border-radius:0; min-height:52px; padding:14px 24px; font-size:16px; line-height:1.4; transition:background .16s,border-color .16s; }
.team-quiz__primary { background:#bc3230; color:#fff; }
.team-quiz__primary:hover { background:#942725; border-color:#942725; }
.team-quiz__secondary { background:#fff; color:#444; border-color:#ccc; }
.team-quiz__secondary:hover { border-color:#bc3230; }
.team-quiz button:disabled { cursor:wait; opacity:.55; }
.team-quiz :is(a,button,input):focus-visible { outline:2px solid #bc3230; outline-offset:4px; }
.team-quiz__progress { display:flex; justify-content:space-between; gap:20px; color:#666; font-size:14px; margin-bottom:14px; }
.team-quiz__bar { height:3px; width:100%; background:#eae7e5; margin-bottom:40px; }
.team-quiz__bar > span { display:block; height:100%; background:#bc3230; transition:width .2s ease; }
.team-quiz__main .team-quiz__group-title { font-size:clamp(28px,4vw,40px); max-width:none; }
.team-quiz__questions { display:grid; gap:24px; margin-top:32px; }
.team-quiz__question { border:1px solid #dedede; margin:0; padding:24px; min-width:0; scroll-margin-top:100px; }
.team-quiz__question:focus { outline:2px solid #bc3230; outline-offset:4px; }
.team-quiz__question legend { float:left; padding:0; width:100%; margin-bottom:24px; font-size:19px; line-height:1.55; }
.team-quiz__question legend > span { display:block; color:#999; font-size:13px; margin-bottom:10px; }
.team-quiz__choices { clear:both; display:grid; grid-template-columns:1fr 1fr; gap:12px; max-width:400px; }
.team-quiz__choices label { display:flex; align-items:center; gap:12px; padding:14px 18px; border:1px solid #d5d5d5; cursor:pointer; min-height:52px; transition:border-color .15s,background .15s; }
.team-quiz__choices label:hover { border-color:#bc3230; }
.team-quiz__choices label:has(input:checked) { border-color:#bc3230; background:#fcf4f3; color:#a82c2a; }
.team-quiz input:is([type=radio],[type=checkbox]) { appearance:none; width:18px; height:18px; flex:0 0 18px; margin:0; border:1px solid #aaa; border-radius:0; background:#fff; cursor:pointer; }
.team-quiz input:is([type=radio],[type=checkbox]):checked { border-color:#bc3230; background:#bc3230 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='m4 9 3 3 7-7' fill='none' stroke='white' stroke-width='1.8'/%3E%3C/svg%3E") center/18px; }
.team-quiz__consent { display:flex; gap:14px; align-items:flex-start; margin-top:32px; font-size:14px; line-height:1.65; color:#555; }
.team-quiz__consent input { margin-top:3px !important; }
.team-quiz__error, .team-quiz__field-error { color:#b12929; font-size:14px; line-height:1.5; margin-top:20px; }
.team-quiz__error { border-left:2px solid #bc3230; padding:8px 16px; }
.team-quiz__question.is-invalid { border-color:#bc3230; }
.team-quiz__fallback { color:#666; font-size:14px !important; text-decoration:underline; text-underline-offset:4px; border:0; background:none; padding:16px 0; }
.team-quiz__draft-note { margin-top:32px; }
.team-quiz__profile { display:grid; gap:32px; margin:48px 0; }
.team-quiz__profile article { border-top:1px solid #dedede; padding-top:24px; break-inside:avoid; }
.team-quiz__score-heading { display:flex; justify-content:space-between; align-items:baseline; gap:24px; margin-bottom:20px; }
.team-quiz__score-heading strong { white-space:nowrap; font-size:24px; font-weight:500; }
.team-quiz__score-heading strong span { color:#888; font-size:16px; }
.team-quiz__profile .team-quiz__bar { margin-bottom:16px; }
.team-quiz__profile p,.team-quiz__next p { color:#555; font-size:16px; line-height:1.65; }
.team-quiz__next { padding:24px; background:#faf7f5; border-left:2px solid #bc3230; }
.team-quiz__admin { display:grid; gap:24px; max-width:480px; }
.team-quiz__admin label { display:grid; gap:10px; font-size:14px; }
.team-quiz__admin input { width:100%; padding:14px; border:1px solid #ccc; border-radius:0; font:inherit; min-height:48px; }
@media(max-width:600px) {
  .team-quiz__header { padding:16px 20px; }
  .team-quiz__brand { max-width:110px; line-height:1.4; }
  .team-quiz__main { padding:36px 20px 64px; }
  .team-quiz__lead { font-size:17px; }
  .team-quiz__question { padding:20px 16px; }
  .team-quiz__question legend { font-size:17px; }
  .team-quiz__actions { gap:16px; }
  .team-quiz__actions .team-quiz__primary { width:100%; }
  .team-quiz__score-heading h2 { font-size:20px; }
}
@media(prefers-reduced-motion:no-preference) { .team-quiz__questions { animation:quiz-enter .2s ease-out; } @keyframes quiz-enter { from { opacity:.35; transform:translateY(8px); } to { opacity:1; transform:none; } } }
@media print { .team-quiz__header,.team-quiz__actions { display:none; } .team-quiz__main { padding:0; max-width:none; } .team-quiz__bar { print-color-adjust:exact; } }
