:root{--navy:#082c60;--deep:#05214b;--blue:#125a9f;--cyan:#009ee2;--pale:#eaf5ff;--text:#122b4d;--border:#c9deef}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#f5faff,#eaf3fc);color:var(--text);font:16px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif;min-height:100vh}a{color:var(--blue)}.top{background:white;border-bottom:4px solid var(--cyan);padding:12px max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.top img{width:min(510px,100%);max-height:118px;object-fit:contain;object-position:left}.top>a{max-width:65%}.top nav{display:flex;gap:18px;flex-wrap:wrap}.top nav a{text-decoration:none;font-weight:750;color:var(--navy)}.container{width:min(1120px,calc(100% - 32px));margin:30px auto 65px}.narrow{max-width:620px}.hero{border-radius:24px;padding:clamp(28px,6vw,74px);background:radial-gradient(circle at 90% 15%,#136bb0,var(--navy) 55%,var(--deep));color:white;box-shadow:0 15px 35px #072d5924}.hero h1{font-size:clamp(38px,5.5vw,72px);line-height:1.08;margin:15px 0 0}.hero h2{color:#72d8ff;margin:0 0 18px;font-size:clamp(23px,3vw,34px)}.hero p{max-width:650px;font-size:19px}.eyebrow{letter-spacing:.12em;font-size:12px;font-weight:850;color:var(--cyan)}.hero .eyebrow{color:#94e2ff}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.button,button{border:0;background:var(--blue);color:white;font:inherit;font-weight:750;padding:12px 19px;border-radius:12px;cursor:pointer;display:inline-block;text-decoration:none}.button:hover,button:hover{background:var(--navy)}button:disabled{cursor:default;opacity:.78}.button.outline{border:2px solid #7fdbff;background:transparent}.secondary{background:#daeaf6;color:var(--navy)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.panel{background:#fff;border:1px solid var(--border);border-radius:19px;padding:clamp(20px,3vw,32px);box-shadow:0 9px 25px #062b5110;margin-bottom:22px}.inset{margin-top:20px;background:var(--pale)}.symbol{font-size:36px}.panel h1{font-size:clamp(25px,4vw,38px);margin:0 0 12px;color:var(--navy)}h2,h3{color:var(--navy)}form{display:grid;gap:14px;max-width:570px}label{font-weight:700;display:grid;gap:5px}input,select{font:inherit;width:100%;padding:12px;border:2px solid var(--border);border-radius:10px;background:white;color:var(--text)}input:focus,select:focus{outline:3px solid #8cddff;border-color:var(--blue)}.center{text-align:center}.center form{text-align:left;margin:auto}.hint,.small{font-size:13px;color:#56708e}.error,.success{border-radius:9px;padding:12px;background:#fff0f0;color:#8d1630}.success{background:#e3f8f2;color:#095943}.row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.qr{text-align:center;max-width:200px}.qr img{width:160px;height:160px;display:block;margin:auto}.qr a{display:block;overflow-wrap:anywhere}.metrics{display:flex;gap:12px;margin:24px 0}.metrics>div{flex:1;padding:16px;background:var(--pale);border-radius:14px;text-align:center}.metrics strong{display:block;font-size:30px;color:var(--navy)}.metrics span{font-size:13px}.question{max-width:850px}.option{display:block;text-align:left;width:100%;margin:10px 0;background:#eaf3fb;color:var(--navy);border:2px solid #bedaf0}.option.selected{border-color:var(--cyan);background:#ccefff}.option.correct{border-color:#0c916b;background:#d5f5e8}.explanation{background:#dff5ff;border-left:5px solid var(--cyan);padding:16px;border-radius:8px;margin:20px 0}.barlabel{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin-top:14px}.bar{height:12px;background:#e2edf6;border-radius:12px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--navy),var(--cyan));transition:width .3s}.score{font-size:72px;font-weight:900;color:var(--blue)}footer{text-align:center;background:white;border-top:3px solid var(--cyan);padding:24px 15px;color:#506785;font-size:13px}footer img{width:min(350px,85%);display:block;margin:0 auto 10px}@media(max-width:760px){.top{justify-content:center}.top>a{max-width:100%}.top img{max-height:90px}.top nav{justify-content:center}.cards{grid-template-columns:1fr}.container{margin-top:16px}.hero{padding:30px 22px}.row{align-items:flex-start}.metrics strong{font-size:23px}}

.ring{--percent:0;display:grid;place-items:center;width:210px;height:210px;border-radius:50%;margin:22px auto;background:conic-gradient(var(--cyan) calc(var(--percent)*1%),#e1eaf3 0);box-shadow:0 10px 25px #072d5920}.ring>div{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;border-radius:50%;width:166px;height:166px;text-align:center}.ring strong{font-size:52px;line-height:1;color:var(--navy)}.ring small{font-size:13px;color:#4c6480}.report-heading{text-align:center;border-bottom:2px solid var(--cyan);padding-bottom:16px}.report-heading img{width:min(560px,100%);height:auto}.report-overview{display:flex;align-items:center;gap:30px;justify-content:center;flex-wrap:wrap}.report-question{border-bottom:1px solid var(--border);padding:16px 0;break-inside:avoid}.report-question p{margin:7px 0}@media print{body{background:#fff}.top,footer,.no-print,#notice{display:none!important}.container{width:100%;margin:0}.panel{border:0;box-shadow:none;padding:0}.report-heading img{max-height:115px;object-fit:contain}.ring{print-color-adjust:exact;-webkit-print-color-adjust:exact}.bar span{print-color-adjust:exact;-webkit-print-color-adjust:exact}.report-question{padding:9px 0}.question button,.metrics,.qr,#controls{display:none!important}body[data-page="room"] .top{display:block!important}body[data-page="room"] .top nav{display:none!important}}

.result-detail{border:1px solid var(--border);border-radius:12px;padding:14px;margin:12px 0;background:#f8fbff}.result-detail summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.result-detail summary span{color:var(--navy);font-weight:700}.result-detail[open] summary{margin-bottom:16px}.result-detail .barlabel{margin-top:12px}@media print{.result-detail{break-inside:avoid}.result-detail:not([open]){display:none}}

.ca-table{width:100%;border-collapse:collapse;margin-top:1.5rem;font-size:.94rem}.ca-table th,.ca-table td{padding:12px;border-bottom:1px solid #c7deef;text-align:left;white-space:nowrap}.ca-table th{background:#eaf5ff;color:#082c60}@media print{.top,nav,.actions,footer,.no-print{display:none!important}.panel{box-shadow:none!important;border:0!important}}