:root{--night:#1b2333;--panel:#232d42;--edge:#3a4762;--ink:#eef1e6;--muted:#a9b3c4;--tile:#c9583b;--grass:#8cc063;color-scheme:dark}
body{margin:0;background:var(--night);color:var(--ink);font:16px/1.55 "Atkinson Hyperlegible",system-ui,sans-serif}
main{max-width:680px;margin:0 auto;padding:24px 16px 48px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;font-size:.95rem}
.top a{color:var(--grass);text-decoration:none;font-weight:700}
h1{font-size:1.8rem;line-height:1.15;margin:0 0 4px}
.kind{color:var(--muted);margin:0 0 16px}
.card{background:var(--panel);border:2px solid var(--edge);box-shadow:4px 4px 0 rgba(0,0,0,.35);padding:16px 18px;margin-bottom:18px}
.card p{margin:0 0 12px}.card p:last-child{margin-bottom:0}
figure{margin:0 0 16px}figure img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover;border:2px solid var(--edge)}
figcaption{font-size:.8rem;color:var(--muted);margin-top:6px}
.by{font-size:.8rem;color:var(--muted);margin-top:-6px}
dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:0}dt{color:var(--muted)}dd{margin:0}
.open{display:inline-block;background:var(--tile);color:#fff;text-decoration:none;font-weight:700;padding:12px 20px;border:2px solid #7a3220;box-shadow:3px 3px 0 rgba(0,0,0,.4);margin:4px 0 18px}
.open:hover{filter:brightness(1.1)}
ul{padding-left:20px;margin:0}li{margin:4px 0}a{color:var(--ink)}
h2{font-size:1.1rem;margin:0 0 10px;color:var(--grass)}
.near a{text-decoration:none}.near a:hover{text-decoration:underline}.near small{color:var(--muted)}
footer{color:var(--muted);font-size:.85rem;margin-top:24px}footer a{color:var(--ink)}
.index h2{margin-top:24px}.index ul{columns:2;column-gap:24px;list-style:none;padding:0}.index li{break-inside:avoid}
@media(max-width:520px){.index ul{columns:1}}