:root{font-family:system-ui,sans-serif;color:#183236;background:#f7f8f5}*{box-sizing:border-box}
body{margin:0}header{background:#fff;border-bottom:1px solid #d1d9d7;padding:18px 4vw;display:flex;gap:20px;align-items:center;flex-wrap:wrap}
header a{color:#145e58;text-decoration:none}header strong{font-size:1.12rem}header nav{margin-left:auto;display:flex;gap:12px;align-items:center}
main{max-width:910px;margin:36px auto;padding:0 20px 60px}h1{font-size:clamp(1.8rem,5vw,2.6rem)}h2{font-size:1.35rem}p,li{line-height:1.6}
a{color:#12665a}button,.button{display:inline-block;min-height:42px;padding:10px 17px;color:white;background:#14665d;border:0;border-radius:6px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
a.button{margin:8px 4px 8px 0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #be812c;outline-offset:3px}
input{font:inherit;padding:11px;border:1px solid #92a9a1;border-radius:5px;width:100%;max-width:460px}label{display:block;margin:15px 0 6px;font-weight:600}
input[type=checkbox]{width:auto}.card{background:#fff;border:1px solid #d9dfd9;padding:24px;border-radius:9px;margin:18px 0}
.muted{color:#546867}.notice{padding:15px;background:#fff;border-left:3px solid #14665d;margin:18px 0}.danger{color:#a02b20}
.result{font-size:2rem;font-weight:700}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.row input{width:auto}
.question{padding:24px 0;border-top:1px solid #cfd8d4}.question h3{font-size:1.02rem;line-height:1.6}
.question input{width:100%}.question .points{font-size:.8rem;color:#536660}
.token{display:block;width:100%;word-break:break-all;font:12px monospace;max-height:150px;overflow:auto;padding:13px;background:#f5f5f5;border:1px solid #ccc}
.certificate{background:#fff;border:2px solid #425957;padding:38px;min-height:440px;text-align:center;margin:26px 0}
.certificate h1{font-family:Georgia,serif;font-size:2.25rem;margin:18px 0}
.certificate .score{font-size:2.2rem;font-weight:700}
.certificate .issuer{letter-spacing:.13em;font-size:.8rem;font-weight:750}
.certificate .id{font:12px monospace;overflow-wrap:anywhere}
@media print{.certificate{border:1px solid #444;min-height:520px}.token{font-size:8px}.no-print{display:none!important}}
table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #ddd;padding:10px}
#exam-countdown{font-weight:700}footer{max-width:910px;margin:20px auto 50px;padding:0 20px;color:#576b66;font-size:.85rem}
@media(max-width:520px){main{margin:18px auto}.card{padding:17px}.row{display:block}.row input{width:100%}}
@media print{header,footer,.no-print,button{display:none!important}body{background:white}.card{border:1px solid #aaa;break-inside:avoid}.question{break-inside:avoid}}