/* Shared by the district directory and every district tab. */
/* A deeper canvas separates regional and news content from its surroundings. */
:root{--regional-news-canvas:#dce5e0;--regional-news-muted:#52665c;--regional-news-line:#bccbc3}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--regional-news-canvas:#0b1310;--regional-news-muted:#a0b5a8;--regional-news-line:#344b3f}}
:root[data-theme="dark"]{--regional-news-canvas:#0b1310;--regional-news-muted:#a0b5a8;--regional-news-line:#344b3f}
body:has(#app.regional-page),body:has(#app.news-page){background:var(--regional-news-canvas)}
body:has(#app.activity-page){background:#cfe3f2}
#app.regional-page,#app.news-page{--fg-3:var(--regional-news-muted);--line:var(--regional-news-line)}
#app.regional-page{max-width:1440px}
.regional-layout{display:grid;grid-template-columns:minmax(0,77fr) minmax(0,23fr);gap:24px;align-items:start}
.regional-main,.regional-sidebar{min-width:0}
.regional-sidebar{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.regional-main{overflow-wrap:anywhere}
.regional-db-banner{display:block;border-radius:12px;box-shadow:var(--shadow);overflow:hidden}
.regional-db-banner img{display:block;width:100%;height:auto}
.regional-book-banner{width:300px;max-width:100%;aspect-ratio:3/4;justify-self:center;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}
.regional-book-banner iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:900px){
  .regional-layout{grid-template-columns:minmax(0,1fr)}
  .regional-sidebar{width:min(100%,360px);justify-self:center}
}

.regional-promo-banner{display:block;width:300px;max-width:100%;justify-self:center;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}
.regional-promo-banner img{display:block;width:100%;height:auto}

/* Regional text is 90% of its previous size, including fixed-size labels. */
#app.regional-page .regional-main{--regional-text-scale:.9;font-size:90%}
#app.regional-page .regional-main .intro .election-data-highlight {
    font-size: calc(20.8px * var(--regional-text-scale))
}
#app.regional-page .regional-main .eyebrow {
    font-size: calc(15.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .sample {
    font-size: calc(14.3px * var(--regional-text-scale))
}
#app.regional-page .regional-main .finder h1 {
    font-size: calc(clamp(33.8px,5.2vw,46.8px) * var(--regional-text-scale))
}
#app.regional-page .regional-main .search input {
    font-size: calc(20.8px * var(--regional-text-scale))
}
#app.regional-page .regional-main .news h3 {
    font-size: calc(23.4px * var(--regional-text-scale))
}
#app.regional-page .regional-main .nmeta {
    font-size: calc(16.9px * var(--regional-text-scale))
}
#app.regional-page .regional-main .nfoot {
    font-size: calc(16.9px * var(--regional-text-scale))
}
#app.regional-page .regional-main .nbbtn .ic {
    font-size: calc(28.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .nbbtn b {
    font-size: calc(22.1px * var(--regional-text-scale))
}
#app.regional-page .regional-main .nbbtn small {
    font-size: calc(16.9px * var(--regional-text-scale))
}
#app.regional-page .regional-main .nbtable th,#app.regional-page .regional-main .nbtable td {
    font-size: calc(19.5px * var(--regional-text-scale))
}
#app.regional-page .regional-main .nbtable th {
    font-size: calc(16.9px * var(--regional-text-scale))
}
#app.regional-page .regional-main .nbtable .new {
    font-size: calc(14.3px * var(--regional-text-scale))
}
#app.regional-page .regional-main .panel.intro h3 {
    font-size: calc(22.425px * var(--regional-text-scale))
}
#app.regional-page .regional-main .panel.intro ul {
    font-size: calc(20.93px * var(--regional-text-scale)) !important
}
#app.regional-page .regional-main .stat .num {
    font-size: calc(31.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .stat span:last-child {
    font-size: calc(15.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .chip {
    font-size: calc(19.89px * var(--regional-text-scale))
}
#app.regional-page .regional-main .sidohead h2 {
    font-size: calc(23.4px * var(--regional-text-scale))
}
#app.regional-page .regional-main .dcard strong {
    font-size: calc(19.5px * var(--regional-text-scale))
}
#app.regional-page .regional-main .dcard .meta {
    font-size: calc(15.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .panel h3 {
    font-size: calc(19.5px * var(--regional-text-scale))
}
#app.regional-page .regional-main .hot .s {
    font-size: calc(15.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .crumb {
    font-size: calc(16.9px * var(--regional-text-scale))
}
#app.regional-page .regional-main .dhead h1 {
    font-size: calc(clamp(33.8px,5.85vw,52px) * var(--regional-text-scale))
}
#app.regional-page .regional-main .dmeta {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .dday .num {
    font-size: calc(33.8px * var(--regional-text-scale))
}
#app.regional-page .regional-main .dday span:last-child {
    font-size: calc(15.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .btn.sm {
    font-size: calc(16.9px * var(--regional-text-scale))
}
#app.regional-page .regional-main .ov .k {
    font-size: calc(15.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .ov .v {
    font-size: calc(28.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .notice {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .sec>h2 {
    font-size: calc(23.4px * var(--regional-text-scale))
}
#app.regional-page .regional-main .cat {
    font-size: calc(15.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .post .by {
    font-size: calc(15.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .post .cnt {
    font-size: calc(15.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .badge {
    font-size: calc(14.3px * var(--regional-text-scale))
}
#app.regional-page .regional-main .article h2 {
    font-size: calc(28.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .cmt .by {
    font-size: calc(16.9px * var(--regional-text-scale))
}
#app.regional-page .regional-main label.f {
    font-size: calc(16.9px * var(--regional-text-scale))
}
#app.regional-page .regional-main .bar {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .kv div {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .rt {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .rt th {
    font-size: calc(15.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .eyebrow {
    font-size: calc(15.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .locked table {
    font-size: calc(16.9px * var(--regional-text-scale))
}
#app.regional-page .regional-main .lockov strong {
    font-size: calc(20.8px * var(--regional-text-scale))
}
#app.regional-page .regional-main .cand h3 {
    font-size: calc(20.8px * var(--regional-text-scale))
}
#app.regional-page .regional-main .cand .stat3 {
    font-size: calc(15.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .timeline li {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .timeline .d {
    font-size: calc(16.9px * var(--regional-text-scale))
}
#app.regional-page .regional-main .toast {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .modal h3 {
    font-size: calc(23.4px * var(--regional-text-scale))
}
#app.regional-page .regional-main .report-intro h2 {
    font-size: calc(28.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .report-intro p {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .report-head h3 {
    font-size: calc(26px * var(--regional-text-scale))
}
#app.regional-page .regional-main .report-head .year {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .report-place {
    font-size: calc(20.8px * var(--regional-text-scale))
}
#app.regional-page .regional-main .report-page {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .report-select {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .report-note {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .report-actions a {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .report-error {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .report-empty h4 {
    font-size: calc(26px * var(--regional-text-scale))
}
#app.regional-page .regional-main .report-footer {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .report-dialog-head h3 {
    font-size: calc(22.1px * var(--regional-text-scale))
}
#app.regional-page .regional-main .prototype-note {
    font-size: calc(15.6px * var(--regional-text-scale))
}
@media (max-width:1250px) {
    #app.regional-page .regional-main .report-intro h2 {
        font-size: calc(26px * var(--regional-text-scale))
    }
}
#app.regional-page .regional-main .interest-heading h3 {
    font-size: calc(23.4px * var(--regional-text-scale))
}
#app.regional-page .regional-main .interest-count {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .interest-open strong {
    font-size: calc(20.8px * var(--regional-text-scale))
}
#app.regional-page .regional-main .interest-open span {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .interest-remove {
    font-size: calc(28.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .interest-empty {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .interest-form label {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .interest-form select {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .interest-help {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .governor-totals summary {
    font-size: calc(20.8px * var(--regional-text-scale))
}
#app.regional-page .regional-main .pdf-loading {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .shop-intro h2 {
    font-size: calc(31.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .shop-intro p {
    font-size: calc(20.8px * var(--regional-text-scale))
}
#app.regional-page .regional-main .shop-card h3 {
    font-size: calc(27.3px * var(--regional-text-scale))
}
#app.regional-page .regional-main .shop-card p {
    font-size: calc(20.8px * var(--regional-text-scale))
}
#app.regional-page .regional-main .shop-card .shop-meta {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .shop-info {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .shop-tags span {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .shop-card summary {
    font-size: calc(20.8px * var(--regional-text-scale))
}
#app.regional-page .regional-main .shop-count {
    font-size: calc(18.2px * var(--regional-text-scale))
}
@media (max-width:700px) {
    #app.regional-page .regional-main .shop-intro h2 {
        font-size: calc(28.6px * var(--regional-text-scale))
    }
}
#app.regional-page .regional-main .hub-icon {
    font-size: calc(35.1px * var(--regional-text-scale))
}
#app.regional-page .regional-main .hub-link {
    font-size: calc(15.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .finder-title {
    font-size: calc(37.7px * var(--regional-text-scale))
}
#app.regional-page .regional-main .finder-lead {
    font-size: calc(18.2px * var(--regional-text-scale))
}
@media (max-width:540px) {
    #app.regional-page .regional-main .hub-link {
        font-size: calc(14.3px * var(--regional-text-scale))
    }
    #app.regional-page .regional-main .finder-title {
        font-size: calc(32.5px * var(--regional-text-scale))
    }
}
#app.regional-page .regional-main .home-eyebrow {
    font-size: calc(13px * var(--regional-text-scale))
}
#app.regional-page .regional-main .home-intro h1 {
    font-size: calc(36.4px * var(--regional-text-scale))
}
#app.regional-page .regional-main .home-intro>p {
    font-size: calc(16.9px * var(--regional-text-scale))
}
#app.regional-page .regional-main .home-feed-heading h2 {
    font-size: calc(29.9px * var(--regional-text-scale))
}
#app.regional-page .regional-main .home-section-number {
    font-size: calc(14.3px * var(--regional-text-scale))
}
#app.regional-page .regional-main .home-latest-label {
    font-size: calc(14.3px * var(--regional-text-scale))
}
#app.regional-page .regional-main .home-feed-heading>a {
    font-size: calc(15.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .home-card-meta {
    font-size: calc(14.3px * var(--regional-text-scale))
}
#app.regional-page .regional-main .home-card-meta>time {
    font-size: calc(13px * var(--regional-text-scale))
}
#app.regional-page .regional-main .home-kind {
    font-size: calc(13px * var(--regional-text-scale))
}
#app.regional-page .regional-main .home-news-card h3,#app.regional-page .regional-main .home-video-card h3 {
    font-size: calc(24.7px * var(--regional-text-scale))
}
#app.regional-page .regional-main .home-news-summary {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .home-news-card footer {
    font-size: calc(14.3px * var(--regional-text-scale))
}
#app.regional-page .regional-main .home-news-card footer a {
    font-size: calc(15.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .home-play {
    font-size: calc(20.8px * var(--regional-text-scale))
}
#app.regional-page .regional-main .home-video-copy>p {
    font-size: calc(16.9px * var(--regional-text-scale))
}
#app.regional-page .regional-main .home-video-open {
    font-size: calc(15.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .home-feed-empty {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main .home-feed-empty a {
    font-size: calc(15.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .home-feed-status {
    font-size: calc(15.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .region-directory-heading h1,#app.regional-page .regional-main .region-directory-heading h2 {
    font-size: calc(36.4px * var(--regional-text-scale))
}
#app.regional-page .regional-main .region-total {
    font-size: calc(15.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .region-directory-heading p {
    font-size: calc(16.9px * var(--regional-text-scale))
}
#app.regional-page .regional-main .region-search>label {
    font-size: calc(15.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .region-result {
    font-size: calc(15.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .region-district-group>h3 {
    font-size: calc(23.4px * var(--regional-text-scale))
}
#app.regional-page .regional-main .region-district-group>h3>small {
    font-size: calc(14.3px * var(--regional-text-scale))
}
#app.regional-page .regional-main .region-district-buttons strong {
    font-size: calc(16.9px * var(--regional-text-scale))
}
#app.regional-page .regional-main .region-district-buttons>.dcard>span {
    font-size: calc(22.1px * var(--regional-text-scale))
}
@media (max-width:900px) {
    #app.regional-page .regional-main .home-news-card h3,#app.regional-page .regional-main .home-video-card h3 {
        font-size: calc(23.4px * var(--regional-text-scale))
    }
}
@media (max-width:640px) {
    #app.regional-page .regional-main .home-intro h1 {
        font-size: calc(32.5px * var(--regional-text-scale))
    }
    #app.regional-page .regional-main .home-intro>p {
        font-size: calc(15.6px * var(--regional-text-scale))
    }
    #app.regional-page .regional-main .home-feed-heading h2 {
        font-size: calc(26px * var(--regional-text-scale))
    }
    #app.regional-page .regional-main .home-feed-heading>a {
        font-size: calc(14.3px * var(--regional-text-scale))
    }
    #app.regional-page .regional-main .home-news-summary {
        font-size: calc(16.9px * var(--regional-text-scale))
    }
    #app.regional-page .regional-main .region-directory-heading h1,#app.regional-page .regional-main .region-directory-heading h2 {
        font-size: calc(32.5px * var(--regional-text-scale))
    }
    #app.regional-page .regional-main .region-district-buttons strong {
        font-size: calc(15.6px * var(--regional-text-scale))
    }
    #app.regional-page .regional-main .region-district-group>h3 {
        font-size: calc(22.1px * var(--regional-text-scale))
    }
}
@media (max-width:540px) {
    #app.regional-page .regional-main .region-total {
        font-size: calc(14.3px * var(--regional-text-scale))
    }
}
#app.regional-page .regional-main .home-video-fallback>small {
    font-size: calc(13px * var(--regional-text-scale))
}
#app.regional-page .regional-main .home-video-fallback>b {
    font-size: calc(28.6px * var(--regional-text-scale))
}
#app.regional-page .regional-main .home-video-fallback>span {
    font-size: calc(14.3px * var(--regional-text-scale))
}
#app.regional-page .regional-main .report-order>p {
    font-size: calc(18.2px * var(--regional-text-scale))
}
#app.regional-page .regional-main [style*="font-size:16.9px"],#app.regional-page .regional-main [style*="font-size: 16.9px"] {
    font-size: calc(16.9px * var(--regional-text-scale)) !important
}
#app.regional-page .regional-main [style*="font-size:15.6px"],#app.regional-page .regional-main [style*="font-size: 15.6px"] {
    font-size: calc(15.6px * var(--regional-text-scale)) !important
}
#app.regional-page .regional-main [style*="font-size:18.2px"],#app.regional-page .regional-main [style*="font-size: 18.2px"] {
    font-size: calc(18.2px * var(--regional-text-scale)) !important
}
#app.regional-page .regional-main [style*="font-size:28.6px"],#app.regional-page .regional-main [style*="font-size: 28.6px"] {
    font-size: calc(28.6px * var(--regional-text-scale)) !important
}
#app.regional-page .regional-main [style*="font-size:20.8px"],#app.regional-page .regional-main [style*="font-size: 20.8px"] {
    font-size: calc(20.8px * var(--regional-text-scale)) !important
}
#app.regional-page .regional-main [style*="font-size:39px"],#app.regional-page .regional-main [style*="font-size: 39px"] {
    font-size: calc(39px * var(--regional-text-scale)) !important
}
#app.regional-page .regional-main [style*="font-size:22.1px"],#app.regional-page .regional-main [style*="font-size: 22.1px"] {
    font-size: calc(22.1px * var(--regional-text-scale)) !important
}
#app.regional-page .regional-main text[font-size="14.3"] {
    font-size: calc(14.3px * var(--regional-text-scale))
}
#app.regional-page .regional-main text[font-size="13.65"] {
    font-size: calc(13.65px * var(--regional-text-scale))
}
#app.regional-page .regional-main text[font-size="12.35"] {
    font-size: calc(12.35px * var(--regional-text-scale))
}

/* Neutral light gray canvas for Olgong News. */
body:has(#app.news-page){--regional-news-canvas:#eceeef;--regional-news-muted:#596168;--regional-news-line:#d0d5d8}
#app.news-page{background:#eceeef}