:root { --ink:#111729; --muted:#657086; --paper:#f7f7f2; --line:rgba(17,23,41,.14); --accent:#6c8108; --serif:Georgia,"Times New Roman",serif; --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--sans); line-height:1.72; }
a { color:inherit; }
.topbar { width:min(1120px,calc(100% - 40px)); height:82px; display:flex; align-items:center; justify-content:space-between; margin:auto; border-bottom:1px solid var(--line); }
.brand { text-decoration:none; font-weight:800; letter-spacing:-.04em; }
.back { color:var(--muted); font-size:13px; text-decoration:none; }
.back:hover { color:var(--ink); }
main { width:min(820px,calc(100% - 40px)); margin:0 auto; padding:80px 0 120px; }
.kicker { margin:0 0 18px; color:var(--accent); text-transform:uppercase; letter-spacing:.14em; font-size:11px; font-weight:800; }
h1 { max-width:760px; margin:0; font:500 clamp(43px,7vw,72px)/.98 var(--serif); letter-spacing:-.055em; }
.meta { margin:25px 0 65px; color:var(--muted); font-size:14px; }
.notice { margin:0 0 45px; padding:20px 22px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.45); }
h2 { margin:50px 0 14px; font:500 29px/1.2 var(--serif); letter-spacing:-.025em; }
h3 { margin:30px 0 10px; font-size:16px; }
p,li { color:#3e485c; }
ul,ol { padding-left:22px; }
li { margin:7px 0; }
.contact { margin-top:60px; padding:28px; border-radius:18px; color:#fff; background:var(--ink); }
.contact h2 { margin:0 0 8px; color:#fff; }
.contact p { margin:0; color:#b7bfcc; }
.contact a { color:#d7f45f; }
footer { padding:28px 20px; border-top:1px solid var(--line); color:var(--muted); text-align:center; font-size:12px; }
@media (max-width:600px) { .topbar { height:68px; } main { padding:55px 0 85px; } .meta { margin-bottom:45px; } }