:root{color-scheme:light;--paper:#f7f6f2;--ink:#203d3b;--muted:#606e68;--line:#d8ddd4;--accent:#b34b2f}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit;text-underline-offset:5px}
a:hover{color:var(--accent)}
a:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:2px}
.simple-home{max-width:640px;margin:0 auto;padding:clamp(80px,22vh,180px) 24px 60px;text-align:center}
.simple-home h1{font:500 clamp(30px,5vw,38px)/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.03em;margin:0 0 25px}
.simple-home h1 a{text-decoration:none}
.simple-home nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px}
.simple-home nav a{padding:8px 0}
.page{max-width:1000px;padding:0 48px 48px;margin:auto}
.skip-link{position:absolute;left:20px;top:-100px;background:var(--ink);color:white;padding:12px 20px;z-index:2}
.skip-link:focus{top:12px}
.site-header{padding:18px 0;border-bottom:1px solid var(--line)}
.site-header nav{display:flex;gap:28px;flex-wrap:wrap;font-size:16px}
.site-header nav a{text-decoration:none;padding:9px 0}
.site-header nav a[aria-current=page]{text-decoration:underline;color:var(--accent)}
.intro{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;padding:24px 0}
.intro h1{font:750 14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;text-transform:uppercase;letter-spacing:.09em;margin:0}
.updated{font-size:14px;color:var(--muted);margin:0}
.collection{margin-bottom:45px}
.collection h2{font:30px/1.3 Georgia,serif;font-weight:400;margin:0 0 6px}
.collection>p{font-size:16px;color:var(--muted);margin:0 0 20px}
.article-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.article-list li{border-bottom:1px solid var(--line)}
.article-list a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;text-decoration:none;font-size:18px}
.article-list a::after{content:"↗";color:var(--accent)}
@media(max-width:620px){.page{padding:0 24px 32px}.site-header{padding:18px 0}.site-header nav{gap:17px}.intro{padding:20px 0}}
@media(max-width:360px){.page{padding:0 18px 28px}.site-header nav{gap:12px}}