*{box-sizing:border-box}html{background:#081724;color:#e5f6fa;font:15px/1.55 system-ui,sans-serif}body{margin:0;min-width:320px}header{border-bottom:1px solid #28505c;background:#0a1e2b;padding:14px clamp(16px,4vw,48px);display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}header strong{font-size:20px;color:#93fcff}nav{display:flex;gap:8px;flex-wrap:wrap}nav a{padding:8px 13px;border:1px solid #37636c;border-radius:10px;color:#e4fbff;text-decoration:none}nav a[aria-current=page]{background:#105766;border-color:#7adeea}main{max-width:1536px;margin:auto;padding:clamp(12px,2vw,28px)}h1{font-size:clamp(20px,3vw,32px);margin:4px 0 8px}.notice{border:1px solid #b88822;border-radius:10px;background:#423618;color:#ffedb7;padding:10px 14px;margin:14px 0 20px}.muted{color:#a1bec7}figure{margin:0;padding:10px;border:1px solid #30545e;background:#dfedf0;border-radius:14px;box-shadow:0 10px 35px #0006;overflow:auto}figure img{display:block;width:100%;height:auto;max-width:1440px;margin:auto}.links{display:flex;flex-wrap:wrap;gap:14px;margin:14px 0 25px}.links a{color:#a1f9ff}footer{margin:25px auto;max-width:1536px;padding:0 20px 30px;color:#a0b5ba;font-size:13px}@media(max-width:700px){header{padding:12px}header strong{font-size:18px}nav a{padding:7px 10px}figure{padding:0;border-radius:10px}figure img{max-width:390px}main{padding:10px}}