
:root{font-family:system-ui,sans-serif;color:#172c3b;background:#f4f7f8;line-height:1.55}*{box-sizing:border-box}body{margin:0}main,header>div,footer{max-width:960px;margin:auto;padding:18px clamp(16px,5vw,46px)}header{background:#103e3e;color:white}header>div{display:flex;justify-content:space-between;align-items:center;gap:16px}header strong{font-size:1.07rem}header a{color:#e9f7ed}section,article{background:white;border:1px solid #dce7e7;border-radius:15px;padding:clamp(17px,4vw,30px);margin:15px 0}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,6vw,3.3rem);line-height:1.12;letter-spacing:-.04em;margin-bottom:8px}h2{line-height:1.25}h3{margin-bottom:6px}a{color:#145b50}p{margin-bottom:12px}.meta,.hint,small{color:#50636c}.description{white-space:pre-wrap;overflow-wrap:anywhere}.row,.actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.actions{margin-top:12px}.button,button{border:1px solid #256855;background:white;color:#15463c;border-radius:9px;font:inherit;font-weight:650;padding:8px 13px;cursor:pointer;text-decoration:none;min-height:42px}.primary{background:#165b4d;color:white}.button:hover,button:hover{filter:brightness(.92)}button:disabled{opacity:.5;cursor:wait}label{display:grid;gap:4px;font-weight:650;margin:10px 0}label small{font-weight:400}input,textarea{display:block;width:100%;border:1px solid #a6babb;border-radius:8px;padding:9px;font:inherit;color:inherit}textarea{min-height:85px}input[type=checkbox],input[type=radio]{display:inline;width:auto}.check{display:flex;align-items:baseline;gap:8px}.two{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.message{border-left:4px solid #328073;background:#ecf8f2;padding:10px 13px;overflow-wrap:anywhere}.error{border-color:#a44444;background:#fff1ee}.code{font:inherit;font-family:monospace;font-size:.88rem;overflow-wrap:anywhere;word-break:break-word}.exam-option{font-weight:400;display:flex;align-items:center;gap:7px}.pill{background:#e5f4eb;color:#164e42;padding:4px 9px;border-radius:999px;font-size:.88rem;font-weight:700}fieldset{border:1px solid #dce7e7;margin:10px 0;border-radius:9px}legend{font-weight:700}ol{padding-left:24px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #4683bf;outline-offset:2px}[hidden]{display:none!important}footer{font-size:.85rem;color:#50636c}@media(max-width:560px){.two{grid-template-columns:1fr}header>div{align-items:flex-start;flex-direction:column}}
