:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#17212a;background:#f4f6f6}*{box-sizing:border-box}body{margin:0}header{background:#000000;color:white;padding:22px max(20px,calc((100vw - 850px)/2));display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{font-size:24px;font-weight:900;letter-spacing:-1px;color:white;text-decoration:none}.brand span{color:#59b9ad}header small{font-size:10px;letter-spacing:1px}main{max-width:850px;margin:40px auto;padding:0 18px 60px}section{background:white;border:1px solid #e0e6e6;border-radius:16px;padding:clamp(22px,5vw,44px);box-shadow:0 10px 30px #0c1b2610}h1{font-size:clamp(30px,5vw,44px);letter-spacing:-1.4px;line-height:1.13;margin:10px 0 16px}h2{font-size:28px;letter-spacing:-.7px}p{color:#4a5860;line-height:1.65}.eyebrow{color:#087e75;font-weight:800;letter-spacing:2px;font-size:12px}.notice{background:#eff7f6;border-left:4px solid #168e83;padding:15px;margin:24px 0;color:#324e4a;border-radius:4px}button{background:#147f76;border:0;border-radius:9px;color:white;font-weight:700;padding:14px 22px;font-size:15px;cursor:pointer}button:hover{background:#09675f}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#e8eeed;color:#22343a}.secondary:hover{background:#d8e3e1}.topline,.actions{display:flex;justify-content:space-between;align-items:center;gap:15px}.topline{font-size:13px;font-weight:700;color:#52636b}.track{height:8px;border-radius:20px;background:#e7eeed;overflow:hidden;margin:16px 0 28px}#bar{height:100%;background:#168e83;transition:width .2s}.question{padding:18px 0;border-bottom:1px solid #e8eded}.question h3{font-size:16px;line-height:1.5;margin:0 0 12px}.question small{color:#7b858a}.choices{display:flex;flex-wrap:wrap;gap:8px}.choices label{border:1px solid #cfdada;border-radius:8px;padding:9px 12px;cursor:pointer;font-size:13px}.choices label:has(input:checked){border-color:#168e83;background:#e9f7f4;color:#075c54}.choices input{accent-color:#168e83}.actions{margin-top:28px}form label:not(.check){display:block;font-size:13px;font-weight:700;margin:18px 0}form input:not([type=checkbox]){display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #ccd5d6;border-radius:8px;font:inherit}label.check{display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:1.6;margin:20px 0}label.check input{margin-top:4px}a{color:#0c7a71}footer{text-align:center;color:#7d8a90;font-size:12px;padding:0 20px 30px}[hidden]{display:none!important}@media(max-width:580px){header{display:block}header small{display:block;margin-top:6px}.choices{display:grid;grid-template-columns:1fr 1fr}}

.question-explanation{margin:.35rem 0 1rem;color:#52666d;font-size:.94rem;line-height:1.55;}


/* ROK Lab branding */
.brand {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.brand-logo {
  display: block;
  width: 200px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

@media (max-width: 580px) {
  .brand-logo {
    width: 180px;
  }
}