@import url('taipei-electorate.css');
:root{--paper:#f6f4ee;--orange:#7b4a2e;--line:#dcd6ca;--other:#8b8580;--local:#c0622f;--pres:#2f6fa8;--grid:#e8e3d8;--mid:#ece8df;--county:#a39d92;--town:#3b2a20}
.eyebrow{color:#7b4a2e}h1{font-size:clamp(40px,6vw,78px);letter-spacing:-2px}h1 span{color:#7b4a2e}.notice{background:#ebe3d6;border-left-color:#7b4a2e}.chapter-nav{background:var(--paper)}
.electorate-cover img{aspect-ratio:16/9}.intro{grid-template-columns:0.8fr 1.2fr}.lead{line-height:1.95}
.chart{background:#fffdf8;border:1px solid var(--line);border-radius:8px;padding:18px 16px 10px;margin:22px 0 10px;min-width:0}
.chart.scroll{overflow-x:auto}.chart svg{width:auto;max-width:none;overflow:visible}.chart text{font-family:system-ui,"Noto Sans TC",sans-serif;font-size:12px;fill:#5a5c54}.chart .t-ink{fill:var(--ink)}.chart .t-3{fill:#8d8a80}
.legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}.legend i.dot{border-radius:50%}.legend i.line{height:3px;width:18px;border-radius:1px;vertical-align:3px}
.legend .local{color:var(--ink)}.legend .pres{color:var(--ink)}
.heat-scale{display:inline-flex;gap:2px;vertical-align:-2px;margin:0 6px}.heat-scale i{width:20px;height:12px;border-radius:2px;margin:0}
.tip{position:fixed;pointer-events:none;background:#fffdf8;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:13px;line-height:1.55;box-shadow:0 6px 18px rgba(40,30,20,.14);max-width:270px;z-index:20}.tip[hidden]{display:none}.tip small{display:block;color:#64675d;font-size:12px}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.case-grid .panel{margin:0;border-top:3px solid var(--orange)}.case-grid h3{margin-top:0}.case-grid p{font-size:15px}
.table-wrap{overflow:auto;margin:20px 0}table{min-width:560px}td,th{padding:11px 8px}th{text-align:left}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
.questions{counter-reset:q;list-style:none;padding:0;margin:30px 0;display:grid;gap:18px;max-width:820px}.questions li{counter-increment:q;display:grid;grid-template-columns:48px 1fr;gap:14px;padding:20px 0;border-top:1px solid var(--line)}.questions li::before{content:counter(q,decimal-leading-zero);font-size:22px;font-weight:900;color:var(--orange);font-variant-numeric:tabular-nums}.questions h3{margin:0 0 6px;font-size:19px}.questions p{margin:0;color:#5a5c54}
.town-history{border-top:1px solid var(--ink);margin-top:10px}.town-row{display:grid;grid-template-columns:120px 1fr 200px;gap:22px;padding:16px 8px;border-bottom:1px solid var(--line);align-items:center}.town-row b.y{font-size:22px;display:block;line-height:1.2}.town-row small{display:block;font-size:12px;color:#64675d}.town-row .kind-local{color:var(--local);font-weight:700}.town-row .kind-pres{color:var(--pres);font-weight:700}.town-row .stack{height:16px;margin-top:6px}.town-row .meta{font-size:13px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.town-row .gap{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.town-row .gap small{font-weight:400}
.method-list{max-width:870px;font-size:14px}.jump{display:inline-block;margin-top:15px;font-size:13px}:focus-visible{outline:3px solid #7b4a2e;outline-offset:3px}
@media(max-width:720px){h1{font-size:39px}.intro{grid-template-columns:1fr}.intro p:first-child{margin-bottom:8px}.case-grid{grid-template-columns:1fr}.chapter-nav{flex-wrap:wrap}.chapter-nav a{font-size:12px}.chart{padding:14px 10px 8px}.town-row{grid-template-columns:70px 1fr;gap:10px;padding:14px 3px}.town-row .when{grid-row:1/3;align-self:start}.town-row b.y{font-size:19px}.town-row .gapbox{grid-column:2}.questions li{grid-template-columns:36px 1fr}.questions li::before{font-size:18px}}