.demographics-app{--demo-line:color-mix(in srgb,var(--ink,#192322) 16%,transparent);gap:1.25rem;width:100%;min-width:0;padding-bottom:2rem;display:grid}.demo-intro{max-width:70rem}.demo-intro h1{margin-bottom:.45rem;font-size:clamp(1.9rem,4vw,3.2rem)}.demo-intro p{max-width:65rem;line-height:1.7}.demo-notice{border-left:4px solid var(--accent,#b5462d);background:color-mix(in srgb,var(--accent,#b5462d) 7%,transparent);padding:.8rem 1rem}.demo-coverage{font-weight:650}.demo-unavailable{box-sizing:border-box;border:1px solid var(--demo-line);background:var(--paper,#fff);border-radius:16px;gap:.8rem;width:100%;min-width:0;max-width:46rem;padding:1.2rem;display:grid}.demo-unavailable h2,.demo-unavailable p{margin:0}.demo-unavailable label{gap:.4rem;min-width:0;font-weight:700;display:grid}.demo-request-details{min-width:0}.demo-request-details summary{cursor:pointer;font-weight:700}.demo-request-details dl{gap:.5rem;margin:.65rem 0 0;display:grid}.demo-request-details dl>div{min-width:0}.demo-request-details dt{color:var(--muted,#5b6563);font-size:.82rem}.demo-request-details dd{overflow-wrap:anywhere;min-width:0;margin:.15rem 0 0}.demo-controls{border:1px solid var(--demo-line);background:var(--paper,#fff);border-radius:16px;grid-template-columns:repeat(4,minmax(9rem,1fr)) auto;align-items:end;gap:.8rem;padding:1rem;display:grid}.demo-controls label{gap:.35rem;min-width:0;font-size:.88rem;font-weight:700;display:grid}.demo-context-control{grid-column:span 2}.demo-controls select,.demo-unavailable select,.demographics-app button{border:1px solid var(--demo-line);background:var(--paper,#fff);min-height:2.7rem;color:inherit;font:inherit;border-radius:9px;max-width:100%;padding:.55rem .7rem}.demo-controls select,.demo-unavailable select{box-sizing:border-box;width:100%;min-width:0}.demographics-app button{cursor:pointer;font-weight:700}.demographics-app button:disabled,.demo-controls select:disabled{opacity:.5;cursor:not-allowed}.demo-message{border:1px dashed var(--demo-line);border-radius:12px;padding:1rem}.demo-message.error{color:#8a2e24}.demo-time-contract{border:1px solid var(--demo-line);background:color-mix(in srgb,var(--paper,#fff) 92%,var(--accent,#b5462d) 8%);border-radius:14px;padding:1rem}.demo-time-contract dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem 1rem;margin:0;display:grid}.demo-time-contract dl>div{min-width:0}.demo-time-contract dt{color:var(--muted,#5b6563);font-size:.82rem}.demo-time-contract dd{margin:.2rem 0 0;font-weight:700}.demo-time-contract p{margin:.9rem 0 0;line-height:1.6}.demo-results{gap:1rem;display:grid}.demo-heading{justify-content:space-between;align-items:end;display:flex}.demo-heading p{color:var(--muted,#5b6563);margin:0}.demo-heading h2{margin:.15rem 0 0;font-size:1.7rem}.demo-cards,.demo-bands{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.demo-cards article,.demo-bands article{border:1px solid var(--demo-line);background:var(--paper,#fff);border-radius:14px;gap:.25rem;padding:1rem;display:grid}.demo-cards strong{font-size:clamp(1.45rem,3vw,2.25rem)}.demo-bands strong{font-size:1.45rem}.demo-cards small,.demo-bands small{color:var(--muted,#5b6563)}.demo-chart-wrap{border:1px solid var(--demo-line);background:var(--paper,#fff);border-radius:14px;min-width:0;padding:1rem}.demo-chart-wrap h3{margin:0}.demo-chart-legend{justify-content:center;gap:1.5rem;font-size:.88rem;display:flex}.demo-chart-legend span:before{content:"";border-radius:2px;width:.8rem;height:.8rem;margin-right:.35rem;display:inline-block}.demo-chart-legend .male:before,.demo-pyramid .male-track span{background:#3077a8}.demo-chart-legend .female:before,.demo-pyramid .female-track span{background:#c45b78}.demo-pyramid{font-variant-numeric:tabular-nums;gap:.28rem;width:100%;display:grid}.demo-pyramid-row{grid-template-columns:minmax(3.8rem,auto) minmax(2rem,1fr) 3.7rem minmax(2rem,1fr) minmax(3.8rem,auto);align-items:center;gap:.4rem;min-width:0;display:grid}.demo-pyramid-age{text-align:center;font-size:.8rem;font-weight:700}.demo-pyramid-value{color:var(--muted,#5b6563);font-size:.78rem}.male-value{text-align:right}.female-value{text-align:left}.demo-pyramid-track{min-width:0;height:1rem;display:flex}.demo-pyramid-track span{border-radius:2px;min-width:1px;height:100%;display:block}.male-track{justify-content:flex-end}.female-track{justify-content:flex-start}.demo-source{color:var(--muted,#5b6563);font-size:.9rem}.demo-source p{line-height:1.6}.demo-source p:last-child{flex-wrap:wrap;gap:1rem;display:flex}@media (width<=1000px){.demo-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-context-control{grid-column:span 2}.demo-controls button{align-self:end}.demo-time-contract dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.demo-controls{grid-template-columns:minmax(0,1fr)}.demo-context-control{grid-column:auto}.demo-cards,.demo-bands{grid-template-columns:1fr}.demo-heading{flex-direction:column;align-items:start;gap:.5rem}.demo-time-contract dl{grid-template-columns:1fr}.demo-chart-wrap{margin-inline:-.25rem;padding:.75rem}.demo-pyramid-row{grid-template-columns:minmax(3rem,auto) minmax(1.5rem,1fr) 3.2rem minmax(1.5rem,1fr) minmax(3rem,auto);gap:.25rem}.demo-pyramid-value{font-size:.7rem}.demo-pyramid-age{font-size:.72rem}}.demo-age-table{border-top:1px solid var(--demo-line);margin-top:.9rem;padding-top:.75rem}.demo-age-table summary{cursor:pointer;font-weight:700}.demo-age-table>div{margin-top:.65rem;overflow-x:auto}.demo-age-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.demo-age-table th,.demo-age-table td{border-bottom:1px solid var(--demo-line);text-align:right;padding:.45rem .55rem}.demo-age-table th:first-child{text-align:left}.demo-age-table thead th{color:var(--muted,#5b6563);font-size:.82rem}@media (width<=600px){.demo-age-table{font-size:.9rem}}.tool-return[data-astro-cid-qf2d5dlg]{margin:.75rem 0}.tool-return[data-astro-cid-qf2d5dlg] a[data-astro-cid-qf2d5dlg]{padding:.5rem 0;font-size:.9rem;display:inline-block}
