*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f7f7fb;color:#1c1c28}
a{color:#4f46e5;text-decoration:none}a:hover{text-decoration:underline}
header{background:#fff;border-bottom:1px solid #e6e6ef;position:sticky;top:0;z-index:5}
.nav{max-width:1100px;margin:auto;display:flex;align-items:center;gap:22px;padding:14px 20px}
.logo{font-weight:800;font-size:20px;color:#1c1c28}.logo span{color:#4f46e5}.nav .sp{flex:1}
.wrap{max-width:1100px;margin:auto;padding:24px 20px}
.hero{padding:48px 20px 28px;text-align:center}.hero h1{font-size:40px;margin:0 0 10px;letter-spacing:-.02em}.hero p{color:#5b5b70;font-size:18px;margin:0}
.search{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:26px auto 0;max-width:1000px}
input,select,textarea{font:inherit;padding:11px 13px;border:1px solid #d9d9e5;border-radius:10px;background:#fff}
#q{flex:1 1 320px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.card{background:#fff;border:1px solid #e6e6ef;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px;transition:.15s}
.card:hover{box-shadow:0 6px 20px rgba(30,30,80,.08);transform:translateY(-2px)}
.card h3{margin:0;font-size:17px}.card h3 a{color:#1c1c28}.meta{color:#6b6b80;font-size:13px}
.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:12px;padding:3px 9px;border-radius:999px;background:#eef0ff;color:#3f3aa8}
.tag.d{background:#ecfdf3;color:#067647}.tag.c{background:#fff4e5;color:#9a5b00}.tag.o{background:#eef6ff;color:#1d4ed8}.tag.a{background:#fdf2fa;color:#9e1c6e}
.count{color:#6b6b80;margin:0 0 12px}
.panel{background:#fff;border:1px solid #e6e6ef;border-radius:14px;padding:24px;margin-bottom:18px}
.panel h2{margin-top:0}ol li{margin:6px 0}
.news{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-radius:16px;padding:28px;margin:32px 0;text-align:center}
.news form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px}.news input{min-width:260px;border:0}
button,.btn{font:inherit;background:#1c1c28;color:#fff;border:0;padding:11px 18px;border-radius:10px;cursor:pointer}
.note{font-size:13px;color:#6b6b80}.warn{background:#fff8eb;border:1px solid #f5d9a8;padding:10px 14px;border-radius:10px;font-size:14px}
.disc{background:#fdf2fa;border:1px solid #f3c7e4;padding:10px 14px;border-radius:10px;font-size:14px}
footer{border-top:1px solid #e6e6ef;color:#6b6b80;font-size:13px;text-align:center;padding:24px}
.bh{width:100%;max-width:100%;margin:0 auto;display:block;text-align:center}.bh>*,.bh iframe,.bh form,.bh div[data-beehiiv-form],iframe[src*="beehiiv"]{width:100%!important;max-width:100%!important;margin-left:auto;margin-right:auto;display:block}
form.f{display:grid;gap:12px;max-width:640px}