:root{--a:hsl(341 45% 38%);--bg:hsl(341 25% 97%);--fg:#22252a;--mut:#6b7078}
@media(prefers-color-scheme:dark){:root{--a:hsl(341 55% 70%);--bg:#15171a;--fg:#e4e6ea;--mut:#9aa0a8}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:18px/1.65 system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif}
main,header,footer{max-width:660px;margin:0 auto;padding:0 20px}header{padding-top:44px}
h1{font-size:1.9rem;margin:.2em 0}h2{font-size:1.25rem;margin:1.6em 0 .2em}a{color:var(--a)}
.tag,.d,footer{color:var(--mut);font-size:.9rem}nav a{margin-right:16px}footer{padding:48px 20px 32px}
article p{margin:.6em 0 0}hr{border:0;border-top:1px solid color-mix(in srgb,var(--mut) 35%,transparent);margin:28px 0}