:root { --ink:#10110f; --paper:#f6f5f1; --card:#fff; --line:#dfded8; --teal:#278765; --muted:#5d625d; --danger:#8c2424; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.65 Arial, sans-serif; }
header { background:#10110f; color:#fff; padding:18px 24px; }
header .bar, main, footer { max-width:900px; margin:auto; }
.bar { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { color:#fff; font-size:20px; font-weight:800; text-decoration:none; }
nav { display:flex; flex-wrap:wrap; gap:16px; }
nav a { color:#d9ddd8; font-size:14px; text-decoration:none; }
main { background:var(--card); min-height:calc(100vh - 160px); padding:48px 32px 60px; }
h1,h2 { line-height:1.2; } h1 { font-size:36px; margin:0 0 10px; } h2 { margin-top:38px; font-size:21px; }
p,li { max-width:72ch; } .lead { color:var(--muted); font-size:18px; }
.contact-address { border-top:1px solid var(--line); margin-top:24px; padding-top:20px; color:var(--muted); }
.notice { border-left:4px solid var(--teal); background:#eaf6ef; padding:16px; margin:24px 0; }
.warning { border-left-color:var(--danger); background:#fff0f0; }
a { color:#176c50; font-weight:600; } footer { color:var(--muted); padding:24px; font-size:14px; }
.button { display:inline-block; padding:13px 18px; background:var(--ink); border-radius:8px; color:white; text-decoration:none; margin:8px 8px 8px 0; }
@media (max-width:600px) { main { padding:32px 20px 48px; } h1 { font-size:30px; } .bar { align-items:flex-start; flex-direction:column; } }