*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1c2430;background:#f7f8fa}
a{color:#0b5cad}header{background:#12324f;color:#fff}header .w{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;align-items:center;padding:.8rem 1rem}
header a{color:#fff;text-decoration:none}.brand{font-weight:700;font-size:1.15rem;margin-right:auto}.w{max-width:1080px;margin:0 auto;padding:1rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.card{background:#fff;border:1px solid #e1e5ea;border-radius:10px;padding:1rem}
.card h3{margin:.1rem 0 .4rem;font-size:1.02rem}.meta{color:#5a6573;font-size:.85rem}.tag{display:inline-block;font-size:.75rem;padding:.1rem .5rem;border-radius:99px;background:#e8eef5;margin-right:.3rem}
.b-open{background:#dff3e4}.b-soon{background:#fff1cc}.b-watch{background:#e8eef5}.b-ended{background:#f6dede}.b-data{background:#ece6f7}
table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:.55rem;border-bottom:1px solid #e1e5ea;text-align:left;vertical-align:top;font-size:.92rem}
.hero{background:#fff;border-bottom:1px solid #e1e5ea}.hero h1{margin:.2rem 0;font-size:1.8rem}.box{background:#eef4fb;border:1px dashed #8fb0d6;border-radius:10px;padding:1rem;margin:1rem 0}
input,select{padding:.5rem;font-size:1rem;border:1px solid #c5ccd5;border-radius:6px;margin:0 .4rem .5rem 0}footer{color:#5a6573;font-size:.85rem;padding:2rem 1rem;text-align:center}
dl dt{font-weight:600;margin-top:.7rem}dl dd{margin:0}@media(max-width:640px){.hide-m{display:none}.hero h1{font-size:1.4rem}}