:root{--bg:#f7f5f0;--surface:#fff;--text:#1a2332;--muted:#5e6d79;--accent:#2d5f5a;--line:#dde4e1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif;line-height:1.7}header{background:#fff;border-bottom:1px solid var(--line)}header div{max-width:900px;margin:auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{font-size:21px;font-weight:800;color:var(--text);text-decoration:none}.brand span{color:var(--accent)}nav{display:flex;gap:16px;flex-wrap:wrap}nav a{font-size:14px;font-weight:700;color:var(--accent)}main{max-width:900px;margin:34px auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:clamp(24px,5vw,52px)}h1{font-size:clamp(34px,6vw,54px);line-height:1.05;margin-top:0}h2{margin-top:34px}.notice{background:#edf5f3;border-left:4px solid var(--accent);padding:16px}footer{text-align:center;color:var(--muted);font-size:13px;padding:24px}@media(max-width:640px){header div{align-items:flex-start;flex-direction:column}main{margin:18px 12px}}