:root { color-scheme: dark; --ink:#071b17; --panel:#102e27; --gold:#e5c67c; --text:#f4efde; --muted:#c4d1c9; }
* { box-sizing:border-box; } body { margin:0; background:var(--ink); color:var(--text); font:18px/1.65 system-ui,-apple-system,sans-serif; }
a { color:var(--gold); text-underline-offset:4px; } a:focus-visible { outline:3px solid var(--gold); outline-offset:5px; }
.wrap { max-width:900px; margin:auto; padding:24px; } header { border-bottom:1px solid #496352; } .brand { display:flex; align-items:center; gap:14px; color:var(--gold); text-decoration:none; font:700 28px Georgia,serif; letter-spacing:2px; }
.brand img { width:54px; height:54px; border-radius:12px; } nav { display:flex; flex-wrap:wrap; gap:8px 24px; margin-top:20px; } nav a { display:inline-block; padding:9px 0; min-height:44px; }
h1,h2 { font-family:Georgia,serif; color:var(--gold); line-height:1.25; } h1 { font-size:40px; } h2 { font-size:27px; margin-top:36px; }
.note { background:var(--panel); border-left:4px solid var(--gold); padding:18px 22px; border-radius:6px; } .muted,footer { color:var(--muted); } .cards { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:32px 0; } .card { background:var(--panel); padding:24px; border:1px solid #496352; border-radius:12px; } .card h2 { margin-top:0; } footer { border-top:1px solid #496352; margin-top:44px; font-size:16px; } li { margin:10px 0; } code { overflow-wrap:anywhere; } .contact { overflow-wrap:anywhere; }
@media(max-width:600px) { .wrap { padding:20px; } h1 { font-size:32px; } .cards { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; } }