:root{--accent:#2962ff;--bg:#fafafa;--muted:#666}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;margin:0;background:var(--bg);color:#111}
.site-header{background:#fff;border-bottom:1px solid #eee;padding:18px 20px}
.site-header h1{margin:0;font-size:1.25rem}
.site-header a{color:inherit;text-decoration:none}
.tagline{margin:6px 0 0;color:var(--muted)}
.container{max-width:900px;margin:28px auto;padding:0 20px}
h2{margin-top:0}
.list{display:flex;flex-direction:column;gap:12px}
.card{background:#fff;border:1px solid #eee;padding:14px;border-radius:8px}
.card a.title{font-weight:600;color:var(--accent);text-decoration:none}
.meta{color:var(--muted);font-size:.9rem;margin-top:6px}
.excerpt{margin-top:8px;color:#222}
#links ul, #link-list{padding-left:18px}
.site-footer{text-align:center;padding:20px;color:var(--muted);font-size:.9rem}

@media (min-width:700px){.list{flex-direction:column}}