:root{--ink:#172033;--muted:#667085;--line:#dde1e7;--purple:#685cff;--bg:#f4f6f9}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;padding:0 0 90px}.wrap{max-width:880px;margin:0 auto;padding:0 18px}.top{border-bottom:1px solid var(--line);background:#fff}.top .wrap{display:flex;align-items:center;gap:15px;padding-top:18px;padding-bottom:18px}.top strong{display:block;font-size:17px}.top span{display:block;color:var(--muted);font-size:14px;font-weight:700}.back{color:#4f46a5;font-weight:900;text-decoration:none}.hero{padding:26px 0 20px}.eyebrow{font-size:12px;letter-spacing:.06em;font-weight:900;color:#5348c9}.hero h1{font-size:clamp(28px,5vw,38px);line-height:1.12;margin:12px 0}.hero p{font-size:16px;margin:0 0 16px}.panel{background:#fff;border:1px solid var(--line);border-radius:19px;padding:24px;margin:0 0 18px}.panel h2{font-size:23px;margin:0 0 16px}.panel h3{margin:13px 0}.info{background:#f4f1ff;border:1px solid #d5ccff;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:750}.small{color:var(--muted);font-size:14px;line-height:1.5}.warning{color:#754d09;background:#fff7e6;padding:12px 14px;border:1px solid #efdeb0;border-radius:12px}.ok{color:#126146;background:#eaf8f1;border:1px solid #b5e1ca;padding:12px 14px;border-radius:12px}.panel label:not(.check){display:block;font-weight:850;margin:13px 0 6px}select,input[type=text],textarea{width:100%;font:inherit;border:1px solid #bdc5d2;border-radius:12px;background:#fff;color:var(--ink);padding:12px;min-height:46px}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.check{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-weight:750}.check input{height:18px;width:18px;accent-color:var(--purple)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:17px}button{font:inherit;cursor:pointer;border-radius:12px;padding:11px 16px;font-weight:850;border:1px solid transparent;min-height:44px}button:disabled{opacity:.48;cursor:default}.primary{background:#273449;color:#fff}.secondary{background:#fff;color:#273449;border:1px solid #8f98a6}.quiz-top{display:flex;align-items:start;justify-content:space-between;gap:8px}.quiz-top h2{font-size:22px;margin:3px 0}.meter{height:9px;border-radius:99px;background:#e9e8f5;overflow:hidden;margin:13px 0 20px}.meter span{display:block;height:100%;width:0;background:var(--purple);transition:width .2s}.question{font-size:21px;line-height:1.4;font-weight:850}.answers{display:grid;gap:10px;margin-top:14px}.option{display:flex;align-items:flex-start;gap:12px;width:100%;min-height:52px;text-align:left;padding:14px;border:1px solid #bbc2cf;border-radius:13px;cursor:pointer;font-weight:650}.option.selected{border:2px solid #5d52ed;background:#f2f0ff}.option input{margin-top:4px;accent-color:var(--purple);width:19px;height:19px;flex-shrink:0}.feedback{margin-top:16px}.feedback:empty{display:none}.feedback h4{margin:0 0 7px}.feedback p{margin:7px 0}.feedback .detail{background:#f6f7f9;padding:12px;border-radius:11px;margin-top:9px}.question-diagram{max-width:100%;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px}.question-diagram svg{width:100%;height:auto;display:block}.stat{display:inline-block;background:#f2f2f7;padding:8px 12px;border-radius:9px;font-size:14px;font-weight:850;margin:3px 5px 3px 0}.tracker-row{border-top:1px solid var(--line);padding:12px 0}.tracker-row strong{display:block}.tracker-row p{margin:4px 0;font-size:14px}.bottom{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:50;height:auto!important;min-height:64px;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;background:#fff!important;border-top:1px solid #d9dde5!important;padding:11px 4px calc(11px + env(safe-area-inset-bottom))!important;gap:0!important;box-shadow:none!important}.bottom a{display:block!important;min-width:0!important;width:auto!important;color:#172033!important;text-align:center!important;text-decoration:none!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;padding:5px 1px!important;background:transparent!important;border:0!important;border-radius:0!important}.actions button{max-width:100%}@media(max-width:600px){.panel{padding:20px 16px}.check-grid{grid-template-columns:1fr 1fr}.hero{padding-top:19px}.question{font-size:19px}.actions button{flex:1 1 auto}.top .wrap{padding-top:13px;padding-bottom:13px}}
