:root{--max-w:1100px;--muted:#6b7280;--accent:#0b5fff}
*{box-sizing:border-box}
body{font-family:'Hiragino Kaku Gothic ProN',Meiryo,Arial,sans-serif;margin:0;background:#fafafa;color:#111;line-height:1.7}
.header{background:#0b1220;color:#fff;padding:18px 0}
.container{max-width:var(--max-w);margin:0 auto;padding:0 16px}
.brand{font-weight:700;font-size:18px}
.nav{margin-top:8px}
.nav a{color:#cbd5e1;text-decoration:none;margin-right:16px}
.card{background:#fff;padding:16px;border-radius:6px;border:1px solid #ececec;margin-bottom:12px}
.article-title{font-weight:700;color:#0b1220;text-decoration:none}
.meta{color:var(--muted);font-size:13px;margin-top:8px}
.lead{color:var(--muted);margin-top:8px}
.grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:16px}
.footer{background:#fff;padding:18px;border-top:1px solid #eee;margin-top:18px;color:#666;font-size:14px;text-align:center}
@media(max-width:920px){.grid{grid-template-columns:1fr}}