*{box-sizing:border-box}body{margin:0;background:#f4f8fc;color:#132d49;font:16px/1.6 'Segoe UI',Arial,sans-serif}header{height:88px;border-bottom:1px solid #d8e3ed;background:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(6vw,24px)}header>span{font-size:.8rem;letter-spacing:.16em;font-weight:700}.brand{font-size:2.4rem;font-weight:800;letter-spacing:-.07em;text-decoration:none;color:#09448b}.brand span{font-size:1.1rem;color:#00845e;margin-left:5px}main{max-width:1200px;margin:auto;padding:48px 28px}.eyebrow,.sectionline{font-size:.8rem;font-weight:750;letter-spacing:.12em}.eyebrow{color:#007453}h1{font-size:clamp(2.2rem,4.7vw,3.7rem);line-height:1.08;letter-spacing:-.04em;color:#073e7c;margin:14px 0 20px}h2{font-size:1.6rem;line-height:1.25}h3{margin:0 0 8px}.intro>p{font-size:1.15rem;color:#536780}.tags{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 36px}.tags span{background:white;border:1px solid #d6e1eb;padding:6px 14px;border-radius:30px;font-weight:600;font-size:.9rem}.layout{display:grid;grid-template-columns:340px 1fr;gap:32px;align-items:start}.listen{background:#09448b;color:white;border-radius:20px;padding:26px;box-shadow:0 12px 30px #09448b15}.sectionline{display:flex;justify-content:space-between;gap:10px}.listen .sectionline{color:#a7f1d6}.listen p{color:#e2ecf8}.primary{border:0;border-radius:10px;background:#08734f;color:white;padding:16px 22px;font:700 1rem/1.4 inherit;font-family:inherit;cursor:pointer;min-height:52px}.listen .primary{width:100%;background:#80f0c7;color:#073c3c}.primary:hover{filter:brightness(.94)}button:disabled{cursor:default;opacity:.6}.timeline{margin-top:22px}.timeline span{display:block;text-align:right;font-size:.85rem;margin-top:4px}progress{width:100%;height:8px;accent-color:#70e9bd}.listen #audio-status,.source-note{font-size:.85rem}.source-note{border-top:1px solid #ffffff40;padding-top:18px;color:#dce8f5}.note{padding:26px 10px}.note h3{color:#075642}.questions{background:#fff;border:1px solid #dbe5ee;border-radius:20px;padding:30px}.questions>.sectionline{color:#536780;margin-bottom:12px}fieldset{border:0;border-bottom:1px solid #e1e8ef;padding:28px 0;margin:0;min-width:0}legend{float:left;width:100%;padding:0;font-size:1.08rem;font-weight:650;line-height:1.5;margin-bottom:16px}.qtag{display:block;font-size:.76rem;color:#007453;letter-spacing:.1em;margin-bottom:8px;font-weight:750}fieldset>div:first-of-type{clear:both}.option{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;background:#f7f9fc;border:1px solid #dce5ee;border-radius:9px;margin:8px 0;cursor:pointer}.option:has(input:checked){background:#e8f6f0;border-color:#08734f}.option input{margin-top:6px;accent-color:#08734f;flex:none;width:17px;height:17px}select,input[type=text]{font:inherit;border:1px solid #91a6bc;border-radius:7px;padding:10px;max-width:100%;background:white;color:#132d49}label.sub{display:block;margin:12px 0}select{display:block;width:100%;margin-top:6px}.hint{font-size:.9rem;color:#5b6d80}.feedback{margin:16px 0 0;padding:15px;border-radius:8px;background:#edf7f2;border-left:4px solid #08734f}.feedback.wrong{background:#fff5ea;border-color:#a35816}.feedback strong{display:block}#form-status{color:#8b321d}#submit{margin-top:22px;width:100%}#result{margin-top:28px;background:#e8f6f0;border-radius:14px;padding:26px;scroll-margin-top:24px}#result h2{margin:8px 0}.score{font-size:2.8rem;font-weight:800;color:#084889}.secondary{font:inherit;padding:10px 18px;background:white;border:1px solid #09448b;border-radius:8px;color:#09448b;cursor:pointer}details{margin-top:24px;border-top:1px solid #dce5ee;padding-top:20px}summary{cursor:pointer;font-weight:700;color:#084889}a{color:#09448b}footer{padding-top:40px;font-size:.85rem;color:#5b6d80;letter-spacing:.07em}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e49a00;outline-offset:3px}[hidden]{display:none!important}@media(max-width:800px){.layout{grid-template-columns:1fr}main{padding:28px 18px}header{height:72px;padding:0 20px}header>span{font-size:.68rem;letter-spacing:.06em}.questions{padding:22px}.note{padding-bottom:0}h1 br{display:none}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}