:root { --bg:#fbfaf7; --fg:#1d1d1b; --muted:#5c5c57; --link:#7a1c1c; --line:#dcd8cf; }
@media (prefers-color-scheme: dark) { :root { --bg:#191918; --fg:#ece9e1; --muted:#a8a59b; --link:#e8a0a0; --line:#3a3936; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:1.15rem/1.6 Georgia, "Times New Roman", serif; }
a { color:var(--link); }
header, main, footer { max-width:60rem; margin:0 auto; padding:1rem 16px; }
header { border-bottom:1px solid var(--line); }
.site-title { font-size:1.5rem; font-weight:bold; text-decoration:none; color:var(--fg); }
nav.top a { margin-right:1.25rem; }
nav.crumbs { color:var(--muted); font-size:1rem; margin-bottom:.5rem; }
h1 { line-height:1.25; }
ul.items { list-style:none; padding:0; }
ul.items li { padding:.55rem 0; border-bottom:1px solid var(--line); }
.meta { color:var(--muted); font-size:.95rem; margin-left:.5rem; }
.grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(9rem, 1fr)); gap:1rem; list-style:none; padding:0; }
.grid a { display:block; text-decoration:none; font-size:.9rem; }
.grid img { width:100%; aspect-ratio:1; object-fit:cover; background:var(--line); display:block; }
footer { color:var(--muted); font-size:.95rem; border-top:1px solid var(--line); margin-top:2rem; }