*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui;color:#163a2d;background:#f6f8f5}a{color:#075e4b}header,footer{padding:18px;background:#073a31;color:#fff}header a,footer a{color:#fff}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;text-decoration:none}.brand img{width:52px;height:52px}main{max-width:1080px;margin:auto;padding:24px 16px}h1{font-size:clamp(30px,6vw,46px);line-height:1.2}.levels{display:flex;gap:8px;flex-wrap:wrap}.levels button{flex:1;padding:12px 8px;font:inherit;font-weight:700;border:2px solid #075e4b;border-radius:9px;background:#fff;color:#075e4b;cursor:pointer}.levels [aria-pressed=true]{background:#075e4b;color:#fff}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}.card{display:block;padding:18px;background:#fff;border:1px solid #cfdfd5;border-top:4px solid #d6ab35;border-radius:10px;font-weight:700;text-decoration:none}.card small{display:block;font-weight:400}.card[hidden]{display:none}details{padding:12px;background:#e9f1eb;margin:20px 0}footer{text-align:center}button:focus-visible,a:focus-visible{outline:3px solid #d6ab35;outline-offset:3px}