:root { color-scheme:dark; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:#e9e6e2; background:#141413; line-height:1.7; }
* { box-sizing:border-box; }
body { margin:0; }
a { color:#eca67c;text-underline-offset:4px;overflow-wrap:anywhere; }
a:hover { color:#ffcaab; }
a:focus-visible { outline:2px solid #eca67c;outline-offset:5px; }
header,main,footer { width:min(100% - 40px,780px);margin:auto; }
header { padding:26px 0;border-bottom:1px solid #393936;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap; }
.brand { display:inline-flex;align-items:center;gap:12px;font-weight:700;color:inherit;text-decoration:none; }
.brand img { width:40px;height:40px; }
nav { display:flex;gap:22px;flex-wrap:wrap; }
main { padding:42px 0 56px; }
h1 { font-size:36px;line-height:1.2;margin:0 0 16px; }
h2 { font-size:20px;line-height:1.4;margin:34px 0 10px; }
p,ul { margin:12px 0; }
.date,footer { color:#b1afa9;font-size:14px; }
.intro { font-size:18px; }
footer { padding:24px 0 40px;border-top:1px solid #393936;display:flex;gap:20px;flex-wrap:wrap; }
@media(max-width:480px) { h1 { font-size:30px; } main { padding-top:30px; } }