
:root{--bg:#faf8f4;--card:#ffffff;--ink:#26221a;--mut:#6f6759;--acc:#7a5af0;--acc2:#efeaff;
--ok:#1d7a4f;--okbg:#e3f4ea;--warn:#9a6b00;--warnbg:#fdf3d7;--line:#e6e0d4;--bad:#b3261e;--badbg:#fdecea}
*{box-sizing:border-box}body{margin:0;font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:980px;margin:0 auto;padding:0 20px}
header.site{background:linear-gradient(160deg,#2b2440,#1b1728 55%,#141021);color:#eee8da;padding:34px 0 26px}
header.site h1{margin:.1em 0 .25em;font-size:1.85rem;color:#fff}
header.site .sub{color:#c9c2b4;max-width:60ch}
nav.top{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}
nav.top a{color:#d9d2f7;font-weight:600}
main{padding:26px 0 60px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:18px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.card h3{margin:.2em 0 .4em}
.pill{display:inline-block;padding:.14em .62em;border-radius:99px;font-size:.74rem;font-weight:700;letter-spacing:.02em}
.pill.day{background:var(--acc2);color:#4b2ecf}
.pill.inc{background:var(--okbg);color:var(--ok)}
.pill.unop{background:var(--warnbg);color:var(--warn)}
.pill.serving{background:#e8f0fe;color:#33529a}
.pill.prev{background:#f1ecdf;color:#6b5f42}
.pill.prevEl{background:#f1ecdf;color:#6b5f42}
.pill.deep{background:#3a2f5f;color:#fff}
.alert{border-radius:10px;padding:12px 14px;margin:14px 0;font-size:.94rem}
.alert.amber{background:var(--warnbg);border:1px solid #eadfb8;color:#6b4d00}
input.search{width:100%;padding:12px 14px;font-size:1rem;border:2px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink)}
ul.mlist{list-style:none;margin:10px 0;padding:0}
ul.mlist li{padding:9px 4px;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
ul.mlist .n{font-weight:650}
ul.mlist .t{color:var(--mut);font-size:.86rem}
ul.mlist .c{margin-left:auto;color:var(--mut);font-size:.84rem;white-space:nowrap}
.office{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:14px 0;overflow:hidden}
.office .h{padding:12px 16px;background:#f4efe4;font-weight:700;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.office .h .ward{font-weight:600;color:var(--mut)}
table.cands{width:100%;border-collapse:collapse}
table.cands td{padding:9px 16px;border-top:1px solid var(--line);vertical-align:top;font-size:.95rem}
table.cands td:first-child{width:34%;min-width:170px}
.org{color:var(--mut);font-size:.83rem}
.links{font-size:.84rem}
.meta{color:var(--mut);font-size:.9rem}
.srcs{margin-top:26px;font-size:.9rem;color:var(--mut)}
.plat{margin:3px 0 5px;font-size:13px;color:var(--mut);border-left:3px solid var(--line);padding-left:9px}
.plat a{font-size:12px;white-space:nowrap}
.cnews{font-size:12px;margin:2px 0}.cnews a{margin-right:12px;text-decoration:underline dotted}
.radar{list-style:none;padding:0;margin:6px 0}.radar li{padding:8px 0;border-bottom:1px solid var(--line)}
.radar li a{font-weight:600}.radar .meta{display:block;margin-top:1px}
.srcs a{color:var(--mut)}
h2.sect{margin-top:34px}
footer{border-top:1px solid var(--line);margin-top:40px;padding:18px 0 30px;color:var(--mut);font-size:.86rem}
.back{font-size:.85rem}
.count{color:var(--mut);font-size:.9rem;margin:6px 0 2px}
.basics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:16px 0}
.basics .b{background:var(--card);padding:11px 14px}
.basics .v{font-weight:750;font-size:1.06rem}
.basics .k{color:var(--mut);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}
.pill.hist{background:#ece7f7;color:#5b4a99}
.pill.won22{background:#e0efe4;color:#166138}
.m22{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:14px 0;padding:4px 16px 10px}
.m22 h3{font-size:1.02rem;margin:.8em 0 .2em}
.m22 .r{display:flex;gap:10px;padding:6px 0;border-top:1px dashed var(--line);font-size:.93rem;flex-wrap:wrap}
.m22 .r.w{font-weight:700}
.m22 .r .p{margin-left:auto;color:var(--mut);font-size:.85rem}
.search-link{opacity:.55;font-size:.9rem}
.search-link:hover{opacity:1}
@media(max-width:640px){table.cands td:first-child{width:50%}}
