:root{--w:960px;}
*{box-sizing:border-box;}
body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.7;color:#111;background:#fff;}
a{color:inherit;}
.wrap,.container{max-width:var(--w);margin:0 auto;padding:0 16px;}
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e8e8e8;z-index:10;}
.site-header .wrap{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 16px;}
.logo{font-weight:700;text-decoration:none;}
.nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.nav a{text-decoration:none;padding:6px 10px;border-radius:10px;}
.nav a:hover{background:#f4f4f4;}
.nav-cta{border:1px solid #111;}
h1{font-size:26px;margin:18px 0 10px;}
h2{font-size:18px;margin:22px 0 8px;}
.badge{display:inline-block;border:1px solid #ddd;border-radius:999px;padding:2px 10px;font-size:12px;margin:0 6px 6px 0;text-decoration:none;}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
@media (max-width:720px){.grid{grid-template-columns:1fr;}}
.card{border:1px solid #e8e8e8;border-radius:14px;padding:12px;background:#fff;}
.card h3{margin:0 0 6px;font-size:16px;}
.card p{margin:0;color:#333;font-size:14px;}
.list{margin:0;padding-left:18px;}
.kv{border:1px solid #e8e8e8;border-radius:14px;padding:14px;background:#fafafa;}
.cta-bar{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0;}
.btn{display:inline-block;text-decoration:none;border:1px solid #111;border-radius:14px;padding:10px 14px;font-weight:700;}
.btn:hover{background:#f4f4f4;}
.ad-block{border:1px dashed #bbb;border-radius:14px;padding:12px;margin:18px 0;}
.ad-label{font-size:12px;color:#555;margin-bottom:8px;}
.breadcrumb{font-size:12px;color:#444;margin:10px 0;}
.breadcrumb a{text-decoration:none;color:#444;}
.sep{opacity:.6;margin:0 6px;}
.site-footer{border-top:1px solid #e8e8e8;margin-top:30px;padding:18px 0;background:#fff;}
.note{font-size:12px;color:#444;margin-top:10px;}