:root{--red:#990505;--red-dk:#6e0303;--red-lt:#fbeaea;--ink:#1d1f26;--mut:#5f6470;--line:#e4e4e8;--bg:#f7f6f4;--steel:#2b3352;--mint:#c3dccd;--r:12px}
*{box-sizing:border-box}html,body{margin:0}body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,sans-serif;color:var(--ink);background:var(--bg);line-height:1.45}
a{color:var(--red)}img{max-width:100%}
header.top{background:var(--red);color:#fff;position:sticky;top:0;z-index:10}
.bar{max-width:1100px;margin:auto;display:flex;align-items:center;gap:10px;padding:10px 14px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:600;letter-spacing:.04em;font-size:1.15rem}
.brand img{width:30px;height:30px}.brand small{font-weight:400;letter-spacing:0}
nav.links{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}nav.links a{color:#fff;text-decoration:none;padding:6px 10px;border-radius:999px;font-size:.92rem}
nav.links a:hover,nav.links a.on{background:rgba(255,255,255,.16)}
.hero{background:var(--red);color:#fff;text-align:center;padding:26px 14px 34px}
.hero .tag{opacity:.9;letter-spacing:.05em;font-size:.95rem}.hero h1{margin:.3em 0;font-size:clamp(1.6rem,5vw,2.6rem);font-weight:600}
.hero img.mark{width:84px;height:84px}
main{max-width:1100px;margin:auto;padding:16px 14px 40px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;margin:12px 0}
.search{background:#fff;color:var(--ink);border-radius:var(--r);padding:14px;max-width:900px;margin:16px auto 0;text-align:left;box-shadow:0 8px 30px rgba(0,0,0,.2)}
.grid{display:grid;gap:10px;grid-template-columns:1fr}
@media(min-width:640px){.grid.g2{grid-template-columns:1fr 1fr}.grid.g3{grid-template-columns:repeat(3,1fr)}.grid.g4{grid-template-columns:repeat(4,1fr)}}
label{display:block;font-size:.82rem;color:var(--mut);font-weight:600}
input,select,textarea{width:100%;padding:10px;border:1px solid #cfd0d6;border-radius:8px;font:inherit;background:#fff;margin-top:3px}
textarea{min-height:80px}
.btn{display:inline-block;background:var(--red);color:#fff;border:0;border-radius:999px;padding:10px 18px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--red-dk)}.btn.ghost{background:#fff;color:var(--red);border:1px solid var(--red)}.btn.sm{padding:6px 12px;font-size:.85rem}
.btn.full{width:100%}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cats{display:flex;gap:8px;overflow-x:auto;padding:4px 0}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;white-space:nowrap;cursor:pointer;font-size:.88rem;color:var(--ink);text-decoration:none}
.chip.on{background:var(--red);color:#fff;border-color:var(--red)}
.results{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:700px){.results{grid-template-columns:1fr 1fr}}@media(min-width:1000px){.results{grid-template-columns:1fr 1fr 1fr}}
.ev{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.ev .cover{aspect-ratio:16/9;background:linear-gradient(135deg,var(--steel),var(--red));background-size:cover;background-position:center}
.ev .b{padding:12px;flex:1;display:flex;flex-direction:column;gap:4px}.ev h3{margin:0;font-size:1.02rem}
.meta{color:var(--mut);font-size:.86rem}.pill{display:inline-block;background:var(--red-lt);color:var(--red);border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600}
.pill.gray{background:#eee;color:#444}.pill.warn{background:#fff3cd;color:#7a5b00}.pill.ok{background:#e3f4e8;color:#1d6b35}
.ad{border:1px dashed #bbb;background:#fffdf6;border-radius:var(--r);padding:10px 12px;font-size:.88rem;color:#555;margin:12px 0}.ad b{color:#333}.ad small{float:right;color:#999}
table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl{overflow-x:auto}.muted{color:var(--mut)}.err{color:#b00020}.okm{color:#1d6b35}
.notice{background:var(--red-lt);border-left:4px solid var(--red);padding:10px 12px;border-radius:6px;font-size:.9rem}
footer{background:#1d1f26;color:#bbb;text-align:center;padding:20px 14px;font-size:.85rem}footer a{color:#fff;margin:0 8px}
.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:10px;overflow-x:auto}.tabs button{background:none;border:0;padding:10px 12px;font:inherit;cursor:pointer;border-bottom:3px solid transparent}.tabs button.on{border-color:var(--red);color:var(--red);font-weight:600}
.hide{display:none!important}