
:root{--bg:#0b1220;--surface:#0f172a;--card:#121a2e;--text:#e5e7eb;--muted:#94a3b8;--accent:#60a5fa;--border:#1e293b}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:var(--bg);color:var(--text);margin:0}
a{color:var(--accent);text-decoration:none}
header{background:var(--surface);padding:28px 16px;border-bottom:1px solid var(--border)}
.container{max-width:1080px;margin:0 auto;padding:0 16px}
.site-title{font-weight:800;font-size:30px;margin:0}
.site-desc{margin:6px 0 0 0;color:var(--muted)}
nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
nav a{color:#cbd5e1;border:1px solid var(--border);padding:6px 12px;border-radius:999px}
nav a:hover{background:#111827}
.grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:760px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--card);border:1px solid var(--border);padding:16px;border-radius:14px}
.card h2{margin:0 0 10px 0;font-size:18px}
.card p{margin:4px 0;color:var(--muted)}
footer{border-top:1px solid var(--border);margin-top:30px}
footer .container{padding:22px 16px;color:var(--muted);font-size:14px}
.badge{font-size:12px;background:#0b314f;color:#e5e7eb;padding:2px 8px;border-radius:999px;border:1px solid #1e3a8a}
article{background:var(--card);border:1px solid var(--border);padding:20px;border-radius:16px}
article h1{margin:0 0 8px 0}
.meta{color:var(--muted);font-size:14px;margin:0 0 14px 0}
ul.simple{padding-left:20px}
.notice{background:#051d32;border:1px solid #1b3b5e;padding:12px;border-radius:12px;color:#cfe5ff}
.pagination{display:flex;gap:10px;margin-top:18px}
.pagination a{border:1px solid var(--border);padding:6px 10px;border-radius:10px}
.hero{background:linear-gradient(180deg,#0f172a,transparent);padding:8px 0 16px 0;margin-bottom:12px}
aside.info{background:#0b1528;border:1px solid var(--border);padding:12px;border-radius:12px;color:#cbd5e1;margin:16px 0}
.searchbox{margin:12px 0}
input[type="search"]{width:100%;padding:10px;border-radius:10px;border:1px solid var(--border);background:#0b1528;color:#e5e7eb}
.cookiebar{position:fixed;left:12px;right:12px;bottom:12px;background:#0b1528;border:1px solid var(--border);color:#cbd5e1;padding:12px;border-radius:12px;display:none;z-index:999}
.cookiebar.show{display:block}
.cookiebar button{margin-left:10px;border:1px solid var(--border);background:#0f172a;color:#e5e7eb;border-radius:8px;padding:6px 10px;cursor:pointer}
