#municipality-workspace .insight-context{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:#f1f7fa;border:1px solid #d8e1e7;border-radius:18px;padding:20px 24px;margin:26px 0}
.insight-context>div{display:grid;gap:5px;margin-right:auto}.insight-context small,.insight-card-body>small{font-size:11px;font-weight:800;letter-spacing:.08em}.insight-context>a{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:13px}.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#municipality-workspace .insight-card{padding:0;border:1px solid #d8e1e7;border-radius:20px;background:white;overflow:hidden;text-align:left;display:flex;flex-direction:column;color:#17384b;box-shadow:0 4px 18px #17384b06;transition:border-color .2s,box-shadow .2s;min-width:0}
#municipality-workspace .insight-card:hover{border-color:#8db1c7;box-shadow:0 8px 24px #17384b12}.insight-card-body{padding:25px;display:flex;flex-direction:column;flex:1}.insight-card-body h3{font-size:24px;margin:10px 0}.insight-card-body p{font-weight:400;margin:0 0 24px;color:#4e697a}.insight-card-body .insight-action{margin-top:auto;border-top:1px solid #e2e9ed;padding-top:18px}
.insight-preview{position:relative;width:100%;aspect-ratio:3.2;overflow:hidden;background:#fff;border-bottom:1px solid #e1e8ec;pointer-events:none}.insight-preview img{position:absolute;width:247.3%;max-width:none!important;height:auto;left:-99%;top:-28.5%;filter:saturate(.7)}
.preview-sport img{top:-90%}.preview-health img{top:-58%}.preview-access img{top:-249%}.preview-mobility img{top:-122%}
.snapshot-chip{position:absolute;left:14px;bottom:10px;padding:6px 9px;background:#000b;color:white;border-radius:7px;font-size:9px;letter-spacing:.07em;font-weight:800}
.insight-action{display:flex;gap:16px;align-items:center;justify-content:space-between;color:#006da8;text-align:left}.insight-arrow{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid currentColor;border-radius:50%;font-size:21px;line-height:1;flex-shrink:0;font-family:Arial,sans-serif;font-weight:400}.insight-action:hover,.insight-card:hover .insight-action,.insight-context>a:hover{font-weight:900}.insight-action:hover .insight-arrow,.insight-card:hover .insight-arrow{font-weight:900;border-width:2px}.insight-caption{font-size:12px;color:#526d7e;margin:16px 0 28px}.insight-catalogue>summary{padding:6px 0;font-weight:800}.insight-catalogue[open]>summary{margin-bottom:24px}.insight-context-label{font-weight:800;color:#006da8}.insight-source{padding:18px;border:1px solid #d8e1e7;border-radius:16px;margin:24px 0}.insight-source summary{font-weight:800}.insight-source .insight-preview{margin-top:18px}.insight-source p{font-size:12px}
.insight-detail h3{margin-top:30px}.insight-metrics{border:1px solid #d8e1e7;border-radius:14px;margin:12px 0;padding:16px}.insight-metrics summary{font-weight:800;cursor:pointer}.insight-metric{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;border-top:1px solid #e4ebef;margin-top:14px;padding-top:14px}.insight-metric>.insight-action{border:0;background:transparent;padding:8px 0;font-size:14px}.insight-metric>button:last-child{min-width:95px}.insight-metric>button[aria-pressed=true]{background:#eaf5fb;border-color:#80b1cf;color:#006da8}.insight-status{font-size:13px;color:#006da8}.insight-steps li{padding:6px 0}.insight-practices{display:grid;gap:12px;margin:20px 0 28px}.insight-practices>.insight-action{display:grid;grid-template-columns:1fr auto;padding:18px;background:#f4f8fa;border:1px solid #d8e1e7;border-radius:14px}.insight-practices small{grid-column:1/-1;font-weight:400;color:#526d7e}.insight-detail>.primary{width:100%;padding:18px;color:white}.insight-detail button:focus-visible,.insight-card:focus-visible{outline:3px solid #006da8;outline-offset:4px}
@media(max-width:760px){.insight-grid{grid-template-columns:1fr;gap:18px}.insight-card-body{padding:22px}.insight-card-body h3{font-size:23px}#municipality-workspace .insight-context{padding:20px;gap:16px}.insight-context>div{width:100%}.insight-context .badge{font-size:11px}.insight-metric{grid-template-columns:1fr;gap:8px}.insight-metric>button:last-child{justify-self:start}.insight-preview{aspect-ratio:3.2}.insight-detail .insight-source{padding:12px}}
.insight-edit{display:flex;align-items:center;gap:12px;font-size:13px;color:#006da8;background:transparent;border:0;padding:10px}.insight-edit:hover{font-weight:900}#area-settings,#focus-settings{margin:20px 0}#area-settings summary,#focus-settings summary{font-weight:800;cursor:pointer}#area-settings .context{margin:20px 0 0}#focus-settings[open] summary{margin-bottom:20px}
#municipality-workspace #area-settings{padding:16px 20px;margin:20px 0 24px;background:#f5f9fb}#area-settings>summary{font-size:14px;line-height:1.6}.area-context{float:right;font-weight:400;color:#526d7e;margin-left:20px}#area-settings .context{padding:18px 0 0;border:0;background:transparent;box-shadow:none}#area-settings .context small{margin:0}@media(max-width:600px){.area-context{float:none;display:block;margin:5px 0 0 18px;font-size:12px}#municipality-workspace #area-settings{padding:14px 18px}}
.official-data-status{font-size:12px;color:#526d7e;margin:12px 0 22px}.official-area .context{grid-template-columns:minmax(0,1fr) 130px minmax(0,1fr)!important}.official-area select{width:100%;min-width:0!important;max-width:100%}.official-card .insight-card-body{width:100%;box-sizing:border-box}.official-card:disabled{opacity:.65;cursor:wait}.official-score{display:flex;gap:14px;align-items:baseline;margin:2px 0 14px}.official-score strong{font-size:34px;font-family:'Fira Sans',sans-serif;line-height:1.2}.official-score small{color:#526d7e;font-weight:400}.official-meter{display:flex;gap:4px;margin:0 0 26px}.official-meter span{height:7px;background:#e7edf1;border-radius:3px;flex:1}.official-meter .filled{background:#006da8}.official-peer{display:block;margin:-12px 0 22px;color:#526d7e}.official-topic-score{background:#f1f7fa;border:1px solid #d8e1e7;border-radius:18px;padding:22px;margin:22px 0}.official-topic-score>strong{display:block;font-size:34px;margin:8px 0 15px}.official-topic-score .official-meter{margin-bottom:0}.official-group-level{float:right;margin-left:15px;color:#006da8}.official-metric-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border-top:1px solid #e1e8ed;margin-top:18px;padding-top:18px}.official-metric-row>.insight-action{padding:4px 0;border:0;background:transparent;grid-column:1/-1;font-size:15px}.official-states{display:flex;flex-wrap:wrap;gap:6px}.official-state{font-size:11px;padding:6px 9px;border-radius:7px;background:#f0f3f5;color:#526d7e;font-weight:700}.state-1{background:#e8f3ed;color:#226344}.state-0{background:#fff1e6;color:#854618}.official-metric-row>button[aria-pressed=true]{background:#eaf5fb;color:#006da8;border-color:#82b2ce}.official-thresholds{display:grid;gap:12px;margin:24px 0}.official-threshold{padding:18px;border:1px solid #d8e1e7;border-radius:14px}.official-threshold>strong{font-family:'Fira Sans',sans-serif}.official-threshold p{margin:8px 0 14px}.official-threshold small{display:block;margin-top:12px}.official-raw{margin:20px 0 0}.official-raw dt{font-size:13px;color:#526d7e;margin-top:18px;overflow-wrap:anywhere}.official-raw dd{margin:6px 0 0;font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere}.official-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:24px 0}.official-history{width:100%;border-collapse:collapse;margin-top:20px;font-size:13px}.official-history th,.official-history td{border-bottom:1px solid #d8e1e7;text-align:left;padding:12px 8px;overflow-wrap:anywhere}.official-history th{font-weight:800}.official-feedback{font-size:13px;color:#006da8}#watchlist .watch strong{font-size:20px;line-height:1.4}.insight-catalogue{margin-top:28px}@media(max-width:760px){.official-area .context{grid-template-columns:1fr!important}.official-score strong{font-size:30px}.official-metric-row{grid-template-columns:1fr}.official-metric-row>button:last-child{justify-self:start}.official-history{font-size:12px}.official-history td,.official-history th{padding:10px 5px}}
.official-back{font-size:13px;padding:10px 14px;margin-bottom:20px}.official-area>summary{padding-block:0!important}.official-area .context{margin-top:12px!important}.official-raw+small{display:block;margin-top:20px}

.official-meter.official-rings{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));align-items:center;gap:5px;width:100%;max-width:400px;padding:7px 3px;margin-bottom:26px}
.official-rings .level-ring{display:grid;place-items:center;box-sizing:border-box;justify-self:center;width:100%;max-width:28px;height:auto;aspect-ratio:1;border:2px solid var(--level-color);border-radius:50%;background:#fff;color:#17384b;font-size:11px;font-weight:800;line-height:1}
.official-rings .level-ring.is-current{background:var(--level-color);color:var(--level-ink);transform:scale(1.15);outline:1.5px solid #17384b;outline-offset:3px;box-shadow:0 2px 6px #17384b20}
.official-rings.is-unavailable .level-ring{border-color:#d5dfe5;color:#788d9b;background:#f8fafb}
@media(max-width:400px){.official-meter.official-rings{gap:4px}.official-rings .level-ring{font-size:10px;border-width:1.5px}}

/* Shared geometry keeps navigation icons centred in cards and detail views. */
#detail .practice-carousel{scrollbar-width:none;-ms-overflow-style:none}
#detail .practice-carousel::-webkit-scrollbar{display:none;width:0;height:0}
.practice-carousel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 12px;scrollbar-width:thin;overscroll-behavior-x:contain}.practice-carousel>.card{flex:0 0 calc((100% - 16px)/2);min-width:0;scroll-snap-align:start;display:flex;flex-direction:column}.practice-carousel .cardbody{height:auto;flex:1}.practice-carousel .cardbody h3{margin-top:0;font-size:22px}.practice-carousel .cardbody>p{padding:0}.practice-carousel .cardbody>.insight-action{margin-top:0;min-height:48px;padding:16px 0 0;font-size:14px}.practice-carousel .cover{flex:none}
.practice-carousel-controls{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:12px 0}.practice-carousel-controls>span{margin-right:auto}.practice-carousel-controls button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;color:#006da8}.practice-carousel-controls button[hidden]{display:none}.practice-carousel-controls button:disabled{opacity:.35;cursor:default}.practice-carousel-controls svg{width:18px;height:18px}
@media(max-width:600px){.practice-carousel>.card{flex-basis:100%}.practice-carousel .cardbody{padding:18px}}
.threshold-practices{margin:22px 0 0;padding-top:18px;border-top:1px solid #e1e8ed}.threshold-practices h5{font-family:'Fira Sans',sans-serif;font-size:17px;margin:0 0 8px}.threshold-practices>p{font-size:12px;line-height:1.6;margin:0 0 16px}
.practice-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.practice-mini{border:1px solid #cfdee7;border-radius:14px;overflow:hidden;min-width:0;background:#fff;display:flex;flex-direction:column}
.practice-mini-band{background:var(--practice-tone);padding:12px 14px}.practice-mini-band span{display:inline-block;background:#000b;color:#fff;border-radius:7px;padding:5px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.practice-mini-content{padding:16px;display:flex;flex-direction:column;flex:1;gap:10px}.practice-mini-content h6{font-family:'Fira Sans',sans-serif;font-size:18px;line-height:1.35;margin:0}.practice-mini-content>p,.practice-mini-trial p{font-size:13px;line-height:1.6;margin:0}.practice-relevance{font-size:11px;color:#526d7e}.practice-mini-content>small{font-size:11px}
.practice-mini-trial{padding:12px;border-radius:10px;background:#f0f6fa}.practice-mini-trial strong{display:block;font-size:12px;margin-bottom:6px}.practice-mini-content>.insight-action{margin-top:auto;padding:12px 0 0;min-height:48px;border:0;border-top:1px solid #e1e8ed;border-radius:0;background:none;font-size:13px}
@media(max-width:600px){.practice-mini-grid{grid-template-columns:1fr}.practice-mini-content{padding:14px}}
.decision-workspace{margin:28px 0}.decision-workspace>h3{margin:0 0 16px}.decision-workspace>label{display:block;max-width:380px}.decision-workspace>label select{display:block;width:100%;margin-top:8px}.decision-workspace>.muted{font-size:13px;line-height:1.6}
.decision-filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 12px}.decision-filters button{padding:11px 15px;border-radius:24px;min-height:44px}.decision-filters button[aria-pressed=true]{background:#006da8;border-color:#006da8;color:#fff}.decision-count{font-size:12px;color:#526d7e}
.decision-cards{display:grid;gap:16px}.decision-card{border:1px solid #d5e1e9;border-radius:16px;padding:20px;background:#fff}.decision-card h4{font-family:'Fira Sans',sans-serif;font-size:19px;line-height:1.35;margin:7px 0 16px}.decision-card>.official-state{display:inline-block}.decision-card>p{font-size:14px;line-height:1.65;margin:12px 0}.decision-card>small{display:block}.decision-actions{display:grid;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #e1e8ed}.decision-actions .insight-action{width:100%;padding:12px 14px;border-radius:12px;min-height:48px;background:#f4f8fb;border:1px solid #d5e1e9;font-size:14px}.decision-actions p{font-size:13px;margin:0 0 4px}.decision-more{justify-self:center;margin:4px 0 12px}.decision-catalogue>label{display:block;margin-top:20px}
@media(max-width:600px){.decision-card{padding:16px}.decision-filters{gap:7px}.decision-filters button{font-size:12px;padding:10px 12px}}
.explanation-content .explanation-group{margin:24px 0;border:1px solid #d5e1e9;border-radius:12px;overflow:hidden;background:#fff}
.explanation-content .explanation-group>h4{margin:0;padding:14px 18px;background:#edf4f8;border-bottom:1px solid #d5e1e9;font-size:15px;line-height:1.45;color:#17384b}
.explanation-group-items{margin:12px 18px 12px 26px;padding-left:0;border-left:0}
.explanation-group-items>.explanation-criterion:first-child{border-top:0}
.explanation-group-items>.explanation-criterion>summary{padding:14px 4px;line-height:1.55}
.explanation-group-items>.explanation-criterion[open]{padding-bottom:12px}
.explanation-group-items>.explanation-criterion>:not(summary){margin-left:18px;margin-right:8px}
@media(max-width:600px){.explanation-content .explanation-group>h4{padding:12px 14px}.explanation-group-items{margin:8px 10px 8px 14px;padding-left:0}.explanation-group-items>.explanation-criterion>:not(summary){margin-left:8px;margin-right:0}}
.official-explanation{width:100%;box-sizing:border-box;border:1px solid #cad7df;border-radius:14px;background:#fff;color:#17384b}
.official-explanation>summary{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 16px;cursor:pointer;font-weight:800;list-style:none}.official-explanation>summary::-webkit-details-marker{display:none}
.official-explanation>summary:after{content:'+';margin-left:auto;font-size:22px;font-weight:400}.official-explanation[open]>summary:after{content:'−'}
.explanation-icon{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border:1px solid currentColor;border-radius:50%;font-family:inherit;font-weight:800;font-style:normal;font-size:14px;line-height:1}
.official-explanation>summary:focus-visible,.explanation-criterion>summary:focus-visible{outline:2px solid #006da8;outline-offset:3px;border-radius:10px}
.explanation-content{padding:0 18px 18px;font-size:14px;line-height:1.65}.explanation-content>p{margin:10px 0 16px}.explanation-content h4{margin:22px 0 8px}
.explanation-criterion{border-top:1px solid #e1e8ed}.explanation-criterion>summary{padding:12px 0;cursor:pointer;font-weight:700}.explanation-criterion p{margin:8px 0 14px;overflow-wrap:anywhere}.explanation-criterion dt{font-weight:800;margin-top:10px}.explanation-criterion dd{margin:3px 0 12px;overflow-wrap:anywhere}.explanation-content>small{display:block;margin-top:20px;color:#526d7e}
.official-average-note{display:block;color:#526d7e;margin:14px 0 20px;font-size:12px;line-height:1.5}
.official-gauge{position:relative;width:160px;height:160px;flex:none;margin:0 0 26px;isolation:isolate;text-align:center}
.official-gauge>svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke-width:12}
.gauge-track{stroke:#e7ebef}.gauge-arc{stroke:var(--level-color);stroke-linecap:round}
.gauge-center{position:absolute;inset:30px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.gauge-number{display:flex;align-items:baseline;justify-content:center;gap:5px;color:#17384b;line-height:1}
.gauge-number strong{font-family:'Fira Sans',sans-serif;font-size:40px;font-weight:800}.gauge-number span{font-size:20px;font-weight:700;color:#526d7e}
.gauge-center small{font-size:12px;font-weight:700;line-height:1.3;color:#526d7e}
.official-gauge.is-unavailable{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;border:1px dashed #ccd8e0;border-radius:50%;color:#526d7e}.official-gauge.is-unavailable strong{font-size:30px}.official-gauge.is-unavailable small{font-size:12px;padding:0 15px}
.official-topic-score .official-gauge{margin:0}.official-topic-score{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.official-topic-score .official-rings{margin-bottom:0}
:is(#municipality-workspace,#detail) :is(.insight-arrow,.navigation-arrow,.link-arrow){box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;min-width:32px;padding:0;border:1.5px solid currentColor;border-radius:50%;line-height:1;vertical-align:middle}
:is(#municipality-workspace,#detail) :is(.insight-arrow,.navigation-arrow,.link-arrow) svg{display:block;flex:none;width:18px;height:18px;margin:0;stroke-width:1.8;transition:stroke-width .15s}
:is(#municipality-workspace,#detail) :is(a,button):is(:hover,:focus-visible) :is(.insight-arrow,.navigation-arrow,.link-arrow){border-width:1.5px;background:#e4f2fb}
:is(#municipality-workspace,#detail) :is(a,button):is(:hover,:focus-visible) :is(.insight-arrow,.navigation-arrow,.link-arrow) svg{stroke-width:2.5}

/* Separate the field from its following explanation; keep the control unchanged. */
#detail .decision-workspace>label{margin-bottom:20px}
#detail .decision-workspace>label+.muted{margin-top:0;line-height:1.7}

/* Decorative direction artwork: subdued, never applied to text opacity. */
:is(#municipality-workspace,#detail) .card .cover:not(.has-photo)::before{content:'';position:absolute;inset:0;background-image:var(--direction-art);background-size:cover;background-position:center 55%;opacity:.16;pointer-events:none}
:is(#municipality-workspace,#detail) .card .cover:not(.has-photo) .index{position:relative}
#municipality-workspace #directions .direction:nth-child(1){--direction-art:url('./assets/directions/society.png')}
#municipality-workspace #directions .direction:nth-child(2){--direction-art:url('./assets/directions/environment.png')}
#municipality-workspace #directions .direction:nth-child(3){--direction-art:url('./assets/directions/people.png')}
#municipality-workspace #directions .direction:nth-child(4){--direction-art:url('./assets/directions/systems.png')}
#municipality-workspace #directions .direction{background-image:linear-gradient(#ffffffeb,#ffffffeb),var(--direction-art);background-size:cover;background-position:center}
#municipality-workspace #directions .direction[aria-pressed=true]{background-image:linear-gradient(#ffffffd9,#ffffffd9),var(--direction-art)}

/* Page-wide spacing, scoped to the local workspace and its overlays. */
:is(#municipality-workspace,#detail) label{min-width:0;line-height:1.5}
:is(#municipality-workspace,#detail) :is(h2,h3,h4,h5,h6){overflow-wrap:anywhere}
#municipality-workspace .section>h2{margin-bottom:18px}
#municipality-workspace .section>p:not(.eyebrow){line-height:1.7;margin-bottom:24px}
#municipality-workspace .advanced-filter-content{row-gap:20px;padding-top:8px}
#municipality-workspace .advanced-filter-chips,#municipality-workspace .chips{gap:10px}
#municipality-workspace .context{gap:24px}
#municipality-workspace .context label{gap:10px}
#municipality-workspace .panel>label+small,#municipality-workspace .panel>label+p{margin-top:16px}
#municipality-workspace .lab{gap:12px;padding:24px}
#municipality-workspace .lab :is(h3,p,.eyebrow){margin:0;line-height:1.5}
#municipality-workspace .lab>span:last-child{padding-top:12px}
#municipality-workspace .planitem label{gap:10px}
#municipality-workspace .planitem .grid{gap:20px;margin:20px 0}
:is(#municipality-workspace,#detail) .cardbody h3{line-height:1.3;margin-top:0;margin-bottom:16px}
:is(#municipality-workspace,#detail) .cardbody>p:not(.eyebrow):not(.place-label){line-height:1.65;margin-bottom:18px}
:is(#municipality-workspace,#detail) .cardbody>small{padding:14px 0 16px;line-height:1.6}
#detail .modalbody>label{margin-bottom:20px}
#detail .modalbody form{gap:22px}
#detail .modalbody form label{gap:10px}
#detail .modalbody>h3{margin-top:28px;margin-bottom:16px;line-height:1.35}
#detail .modalbody>p{line-height:1.7}
#detail .decision-workspace>.muted{margin-bottom:24px;padding:0}
#detail .decision-filters{gap:10px;margin-bottom:16px}
#detail .decision-filters button{line-height:1.45;white-space:normal}
#detail .decision-count{margin:0 0 20px;padding:0}
#detail .decision-card>p,#detail .threshold-practices>p,#detail .official-threshold p,#detail .explanation-content>p{padding-inline:0;line-height:1.7}
#detail .decision-actions{gap:12px;margin-top:24px;padding-top:20px}
#detail .insight-action{line-height:1.5}
#detail .insight-action>span:first-child{min-width:0;overflow-wrap:anywhere}
#detail .insight-metrics>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;line-height:1.5}
#detail .insight-metrics>summary::before{content:'▸';flex:none}
#detail .insight-metrics[open]>summary::before{content:'▾'}
#detail .official-group-level{float:none;flex-shrink:0;margin-left:auto}
#detail .official-tools{gap:16px}
#detail .official-explanation>summary{gap:12px;line-height:1.5}
#detail .kpi-linker>p{margin-bottom:20px}
#detail .decision-cards{grid-template-columns:minmax(0,1fr)}
#detail :is(.decision-card,.threshold-practices,.practice-carousel,.decision-actions){min-width:0;max-width:100%}
#detail .practice-carousel{width:100%}
#detail .decision-card :is(h4,p){overflow-wrap:anywhere}
@media(max-width:760px){
  #municipality-workspace .section{margin-bottom:56px}
  #municipality-workspace .panel{padding:20px}
  #municipality-workspace .advanced-filters{padding:0}
  #municipality-workspace .advanced-filter-content{row-gap:20px}
  #municipality-workspace .context{gap:20px}
  #municipality-workspace .lab{padding:20px}
  #municipality-workspace .planitem .grid{gap:18px}
  #detail .modalbody{padding:24px 20px}
  #detail .official-topic-score{padding:20px 16px}
  #detail .decision-actions .insight-action{gap:12px;padding:12px}
  #detail .official-tools{align-items:stretch;gap:12px}
  #detail .official-tools>button{width:100%}
  #detail .insight-metrics{padding:12px}
  #detail .insight-metrics>summary{padding:12px 6px;gap:10px}
  #detail .practice-carousel .cardbody{padding:20px 16px}
}

.decision-filters button{display:inline-flex;align-items:center;gap:10px}
.decision-filters button .count-dot{display:inline-grid;place-items:center;box-sizing:border-box;min-width:28px;height:28px;padding:0 6px;border-radius:999px;background:#fff;color:#111;font-weight:800;font-size:14px;line-height:1;border:1px solid #cfd8de}
.decision-filters button[aria-pressed=true] .count-dot{border-color:#fff}
@media(max-width:600px){.decision-filters button{gap:8px}.decision-filters button .count-dot{min-width:24px;height:24px;font-size:12px}}