@import "https://fonts.googleapis.com/css2?family=Merriweather:wght@700&family=Libre+Franklin:wght@400;500&display=swap";body{margin:0}.pyramid-app{box-sizing:border-box;background-color:#f3e5c1;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:28px 12px 40px;font-family:Libre Franklin,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;display:flex}.pyramid-chart-wrapper{width:100%;max-width:1200px}.pyramid-svg{width:100%;height:auto;display:block}.age-label-compact{font-size:13px;font-weight:500}.pyramid-title{fill:#333;text-anchor:middle;font-family:Merriweather,Georgia,serif;font-size:20px;font-weight:700}.side-label{text-anchor:middle;fill:#777;font-family:Libre Franklin,sans-serif;font-size:16px}.age-label{fill:#7c6363;text-anchor:middle;font-family:Libre Franklin,sans-serif;font-size:11px}.axis-group line{stroke:#947171}.axis-group path{display:none}.axis-group text{fill:#7c6363;font-family:Libre Franklin,sans-serif;font-size:13.5px}.bar-rect{transition:width .5s,x .5s}#controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:18px;display:flex}.year-buttons{background:#e8dcb8;border-radius:8px;gap:6px;padding:4px;display:flex}.year-button{color:#7c6363;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 16px;font-family:Libre Franklin,sans-serif;font-size:15px;transition:background .2s,color .2s}.year-button:hover{background:#f3e5c1}.year-button.active{color:#fff;background:#a71930}.play-button{color:#1e3a3d;cursor:pointer;background:#30ced8;border:1px solid #947171;border-radius:6px;padding:7px 18px;font-family:Libre Franklin,sans-serif;font-size:15px}.play-button:hover{filter:brightness(.95)}#region-select{color:#333;background:#fff;border:1px solid #947171;border-radius:6px;padding:6px 10px;font-family:Libre Franklin,sans-serif;font-size:15px}.caption{color:#7c6363;text-align:center;margin-top:14px;padding:0 12px;font-size:13px}@media (width<=640px){.pyramid-app{padding:18px 8px 28px}#controls{flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:380px}.year-buttons{justify-content:space-between}.year-button{flex:1;min-height:44px;padding:10px 6px}.play-button{min-height:44px}#region-select{box-sizing:border-box;width:100%;min-height:44px}}