:root{--blue:#1747c9;--dark:#0d2a7a;--ink:#16181d;--muted:#5b6170;--bg:#f5f7fb}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:var(--blue)}header.site{background:var(--blue);color:#fff;text-align:center;padding:1.2rem 1rem 1rem}
header.site img{width:min(320px,70vw);height:auto;display:block;margin:0 auto}
header.site p{margin:.3rem 0 .6rem;font-weight:600;letter-spacing:.02em}
nav a{color:#fff;text-decoration:none;margin:0 .6rem;font-size:.95rem;opacity:.9}nav a:hover{opacity:1;text-decoration:underline}
main{max-width:760px;margin:0 auto;padding:1.5rem 1rem 3rem}
.cards{display:grid;gap:1rem}@media(min-width:700px){.cards{grid-template-columns:1fr 1fr}}
.card{background:#fff;border-radius:12px;padding:1.1rem 1.2rem;box-shadow:0 2px 10px rgba(13,42,122,.08);text-decoration:none;color:inherit;display:block;border-top:4px solid var(--blue)}
.card:hover{box-shadow:0 4px 18px rgba(13,42,122,.16)}.card h2{font-size:1.15rem;margin:.2rem 0 .5rem;line-height:1.3}
.meta{color:var(--muted);font-size:.85rem}.card p{margin:0;color:#333;font-size:.95rem}
.empty{text-align:center;padding:3rem 1rem;background:#fff;border-radius:12px}
article{background:#fff;border-radius:12px;padding:1.4rem 1.3rem}article h1{line-height:1.25;margin-top:0}
article h2{color:var(--dark);font-size:1.2rem;margin-top:1.6rem}blockquote{border-left:4px solid var(--blue);margin:1rem 0;padding:.2rem 1rem;color:#333}
footer{background:var(--dark);color:#cdd6f4;text-align:center;padding:1.5rem 1rem;font-size:.85rem}footer a{color:#fff}