@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Sora:wght@500;600;700&display=swap');
body.priminfo-example-page{margin:0;background:#f8f6f1;color:#0b1221}
body.priminfo-example-page.priminfo-example-dark{background:#000;color:#f5f5f5}
#priminfo-example{--pe-bg:#f8f6f1;--pe-card:#fff;--pe-text:#0b1221;--pe-muted:#4b5563;--pe-line:rgba(15,23,42,.12);--pe-accent:#0f766e;--pe-missing:#d6dde7;background:var(--pe-bg);color:var(--pe-text);font:14px/1.7 "Manrope",system-ui,sans-serif;padding:100px 24px 32px;max-width:1320px;margin:0 auto;box-sizing:border-box;min-height:calc(100vh - 120px)}
#priminfo-example[data-theme=dark]{--pe-bg:#000;--pe-card:#0b0b0b;--pe-text:#f5f5f5;--pe-muted:#b0b0b0;--pe-line:rgba(255,255,255,.12);--pe-accent:#d1d5db;--pe-missing:#3d4c60;color-scheme:dark}
#priminfo-example *{box-sizing:border-box}#priminfo-example [hidden]{display:none!important}#priminfo-example :is(button,a,input,select,[tabindex]){scroll-margin-top:90px}#priminfo-example :focus-visible{outline:3px solid var(--pe-accent);outline-offset:2px}
#priminfo-example :is(h1,h2,h3){font-family:"Sora",sans-serif;letter-spacing:-.01em}
#priminfo-example h1{font-size:clamp(24px,3vw,34px);font-weight:600;margin:0 0 10px}#priminfo-example h2{font-size:20px;font-weight:600;margin:0 0 8px}#priminfo-example h3{font-size:17px;margin:12px 0}#priminfo-example p{margin:0 0 10px}#priminfo-example a{color:var(--pe-accent)}
#priminfo-example button,#priminfo-example select,#priminfo-example input{font:inherit;color:var(--pe-text);border:1px solid var(--pe-line);background:var(--pe-card);border-radius:6px;padding:8px 10px;min-height:38px}#priminfo-example button{cursor:pointer}#priminfo-example button:hover,#priminfo-example button[aria-pressed=true]{border-color:var(--pe-accent);color:var(--pe-accent)}
.pe-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.pe-heading>div>p:last-child{color:var(--pe-muted)}.pe-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--pe-accent)}.pe-card{background:var(--pe-card);border:1px solid var(--pe-line);border-radius:20px;box-shadow:0 12px 30px rgba(11,18,33,.04)}.pe-filters{padding:20px;display:grid;grid-template-columns:1fr 1.3fr 1fr 1.5fr auto;align-items:end;gap:12px}.pe-filters label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--pe-muted)}.pe-filters select,.pe-filters input{width:100%;font-size:13px!important;min-width:0}.pe-settings{margin-top:14px!important;color:var(--pe-accent);font-weight:600}#pe-status{font-size:12px;color:var(--pe-muted)}#pe-status.pe-error{color:#d9574c}
.pe-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.pe-map-card{position:relative;overflow:hidden}.pe-map-heading{padding:20px 22px 8px}.pe-map-heading p{color:var(--pe-muted);font-size:12px}.pe-controls{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:0 20px 10px}.pe-controls button{font-size:12px!important}#pe-map{height:540px;touch-action:none;overflow:hidden;cursor:grab}#pe-map:active{cursor:grabbing}#pe-map svg{display:block;width:100%;height:100%}#pe-map [data-municipality-id]{stroke:var(--pe-card);stroke-width:90;cursor:pointer}#pe-map [data-municipality-id]:focus,#pe-map [data-municipality-id]:hover{filter:brightness(.8);outline:none}#pe-map .pe-block rect{stroke-width:1}#pe-map .pe-block text{stroke:none;fill:#162e3a;font-size:12px;font-weight:600;pointer-events:none}#pe-map .pe-selected{filter:brightness(.75)}
#pe-tooltip{position:absolute;left:22px;top:130px;max-width:310px;background:var(--pe-card);color:var(--pe-text);border:1px solid var(--pe-line);border-radius:8px;padding:10px 14px;font-size:12px;pointer-events:none;box-shadow:0 4px 20px #0002;z-index:3}.pe-legend{display:flex;gap:9px;align-items:center;justify-content:center;flex-wrap:wrap;padding:15px;font-size:11px;color:var(--pe-muted)}.pe-legend>span{display:inline-flex;align-items:center;gap:5px}.pe-legend i{display:inline-block;height:12px;width:18px;border-radius:2px}.pe-unavailable{background:var(--pe-missing)}.pe-note{font-size:11px;color:var(--pe-muted)}.pe-map-card>.pe-note{padding:0 20px}.pe-areas{padding:20px 16px;max-height:770px;overflow:auto}.pe-areas>p{font-size:12px;color:var(--pe-muted)}#pe-results{display:grid;gap:5px}#pe-results button{text-align:left;font-size:12px}#pe-results small{display:block;color:var(--pe-muted)}#pe-more{margin-top:12px;width:100%}
#pe-detail{margin-top:24px;padding:24px;scroll-margin-top:90px}.pe-detail-heading{display:flex;justify-content:space-between;gap:15px}.pe-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.pe-stats article{background:var(--pe-bg);padding:15px;border-radius:8px;min-width:0}.pe-stats span{display:block;font-size:12px;color:var(--pe-muted)}.pe-stats strong{font-size:23px}#pe-history-values{max-width:560px;margin:12px auto}.pe-stats strong{overflow-wrap:anywhere}#priminfo-example table{width:100%;font-size:12px;border-collapse:collapse}#priminfo-example th,#priminfo-example td{padding:8px;border-bottom:1px solid var(--pe-line);text-align:left}#priminfo-example td:last-child{text-align:right;white-space:nowrap}.pe-chart{height:240px}.pe-footer{font-size:11px;color:var(--pe-muted);margin-top:22px;max-width:1000px}
@media(max-width:1200px){.pe-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.pe-layout{grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:760px){.pe-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#priminfo-example{padding:90px 14px 22px}.pe-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.pe-layout{grid-template-columns:1fr}.pe-areas{max-height:280px}#pe-map{height:380px}#pe-detail{padding:16px}.pe-controls{padding:0 12px 8px}.pe-controls button{padding:6px!important}.pe-heading h1{font-size:24px!important}}
@media(max-width:420px){.pe-stats{grid-template-columns:1fr}}