:root{--primary:#153f57;--accent:#60988b;--text:#25343c;--muted:#6b7880;--bg:#f5f7f8;--card:#fff;--border:#e2e8eb}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.7}
header{background:#fff;border-bottom:1px solid var(--border);padding:22px 20px}nav,main,footer{max-width:960px;margin:auto}
.brand{font-size:23px;font-weight:700;color:var(--primary);margin-bottom:8px}.subtitle{color:var(--muted);font-size:14px;margin-bottom:10px}
nav a{margin-right:15px;color:var(--primary);text-decoration:none;font-size:14px}
main{background:#fff;margin-top:28px;margin-bottom:28px;padding:40px;border:1px solid var(--border);border-radius:12px}
h1,h2{color:var(--primary)}h2{margin-top:30px}a{color:var(--primary)}
.notice{padding:14px 16px;border-left:4px solid var(--accent);background:#f1f7f5;margin:20px 0}
footer{padding:0 20px 30px;color:var(--muted);font-size:14px}
@media(max-width:700px){main{margin:16px;padding:24px}header{padding:18px 16px}nav a{display:inline-block;margin-bottom:8px}}