:root { --paper:#FAFAF8; --card:#FFFFFF; --ink:#0D1A17; --ink-2:#3C4744; --pencil:#5B6662; --line:#E6E8E6; --red:#007A66; }
*, *::before, *::after { box-sizing: border-box; }
body { margin:0; -webkit-font-smoothing:antialiased; background:var(--paper); color:var(--ink); font:16px/1.65 "Instrument Sans", system-ui, sans-serif; }
.wrap { max-width:760px; margin:0 auto; padding:24px 20px 64px; }
.back { display:inline-flex; align-items:center; gap:.4rem; font-weight:600; text-decoration:none; color:var(--ink); border-bottom:1px solid var(--red); margin-bottom:28px; }
h1 { font:600 clamp(2rem,7vw,2.6rem)/1.1 "Instrument Sans", system-ui, sans-serif; letter-spacing:-.03em; margin:0 0 28px; }
h2 { font:600 1.2rem/1.3 "Instrument Sans", system-ui, sans-serif; letter-spacing:-.015em; margin:36px 0 10px; }
h3 { font-size:1rem; margin:20px 0 6px; }
p, li { color:var(--ink-2); margin:0 0 10px; }
ul { padding-left:1.2rem; }
a { color:var(--ink); }
.card { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:22px; }
footer { margin-top:48px; padding-top:20px; border-top:1px solid var(--line); display:flex; gap:20px; flex-wrap:wrap; font-size:.9rem; }
footer a { text-decoration:none; border-bottom:1px solid var(--line); }