.bwk-site[data-page="kapitaal"] { --page-color:#008c87; }
.capital-page {max-width:1500px;margin:auto;color:#252b38}
.capital-intro h1 {font:600 clamp(2.6rem,4vw,4rem)/1.05 'Barlow Condensed',sans-serif;margin-bottom:1rem}
.capital-intro > p {max-width:78ch;font-size:1.1rem;line-height:1.6}
.capital-intro .capital-note {font-size:.9rem;color:#596171;margin:.7rem 0 1.8rem}
.capital-explorer {display:grid;grid-template-columns:230px minmax(0,1fr) 280px;border:1px solid #252b38;background:white}
.capital-controls,.capital-detail {padding:1.25rem;min-width:0}
.capital-controls {border-right:1px solid #d6d9df}
.capital-controls label {display:block;font-weight:600;margin:0 0 .4rem}
.capital-controls select,.capital-controls button,#capital-retry {width:100%;height:40px;background:white;border:1px solid #252b38;border-radius:2px;padding:0 .6rem;margin-bottom:1.2rem;font:inherit;min-width:0}
.capital-controls a {font-size:.85rem;text-decoration:underline;text-underline-offset:3px}
.capital-map-column {min-width:0;position:relative}
#capital-map {height:510px;background:white;z-index:0}
#capital-status:not(:empty) {padding:1rem;background:#fff8dc}
#capital-legend {padding:1rem;border-top:1px solid #d6d9df;font-size:.8rem}
.capital-legend-scale {display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:.5rem 0}
.capital-swatch {display:inline-block;width:16px;height:12px;border:1px solid #596171;margin-right:5px}
.capital-detail {border-left:1px solid #d6d9df}
.capital-detail h2 {font:600 2rem/1.1 'Barlow Condensed',sans-serif;margin-bottom:1rem;overflow-wrap:anywhere}
.capital-value {font:600 2.7rem/1.2 'Barlow Condensed',sans-serif;margin:.3rem 0}
.capital-detail h3 {font:600 1.2rem 'Barlow Condensed',sans-serif;margin:1.4rem 0 .8rem}
.capital-detail dl {margin:1.2rem 0;font-size:.85rem}
.capital-detail dl div {display:flex;justify-content:space-between;gap:1rem;margin:.4rem 0}
.capital-composition-row {margin:.8rem 0;font-size:.85rem}
.capital-composition-row > div:first-child {display:flex;justify-content:space-between;gap:.5rem}
.capital-bar {height:12px;background:#f0f1f3;margin-top:.35rem}
.capital-bar span {display:block;height:100%}
.capital-method {margin-top:3rem}
.capital-method h2 {font:600 2.4rem 'Barlow Condensed',sans-serif;margin-bottom:.8rem}
.capital-method > p {max-width:85ch;line-height:1.7}
.capital-pillars {display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:1.8rem 0}
.capital-pillars article {border-top:6px solid var(--capital-color);padding-top:.8rem}
.capital-pillars h3 {font:600 1.7rem 'Barlow Condensed',sans-serif;margin-bottom:.7rem}
.capital-pillars p {line-height:1.65}
.capital-limit {font-size:.9rem;color:#596171}
.capital-page .leaflet-bar {box-shadow:none;border:1px solid #252b38;border-radius:2px}
.capital-page .leaflet-bar a {border-radius:0!important;color:#252b38}
.capital-page :focus-visible {outline:3px solid #252b38;outline-offset:3px}

/* Match the full-width map workspace used by Kaart and Databank. */
.bwk-site[data-page="kapitaal"] .main-content { padding:0; }
.bwk-site[data-page="kapitaal"] .main-content > .container-fluid { max-width:none; padding:0; }
.capital-page {max-width:none}
.capital-explorer {grid-template-columns:350px minmax(0,1fr) 310px;height:calc(100dvh - 73px);min-height:620px;border:0;border-bottom:1px solid #d6d9df}
.capital-controls {border-top:4px solid #008c87;overflow-y:auto;padding:1.35rem 1.25rem}
.bwk-site .capital-intro h1 {font-size:2.5rem;line-height:1.05;margin-bottom:.6rem}
.capital-intro > p {font-size:.85rem;line-height:1.6}
.capital-intro .capital-note {font-size:.75rem;line-height:1.5;margin:.75rem 0 1.4rem}
.capital-controls label {font-size:.85rem}
.capital-controls select,.capital-controls button {font-size:.85rem;margin-bottom:.9rem;height:38px}
.capital-map-column {display:flex;flex-direction:column;min-height:0}
#capital-map {flex:1;height:auto;min-height:0}
#capital-legend {flex-shrink:0;padding:.8rem 1rem}
.capital-detail {overflow-y:auto;padding:1.5rem 1.25rem}
.capital-method {margin-top:1.4rem;padding-top:1rem;border-top:1px solid #d6d9df}
.capital-method summary {cursor:pointer;font:600 1.35rem 'Barlow Condensed',sans-serif}
.capital-method > p {font-size:.8rem;margin-top:.8rem;line-height:1.6}
.capital-pillars {grid-template-columns:1fr;gap:1rem;margin:1rem 0}
.capital-pillars article {border-top-width:3px}
.capital-pillars h3 {font-size:1.25rem;margin-bottom:.4rem}
.capital-pillars p {font-size:.8rem}
@media(max-width:1100px) and (min-width:761px){
 .capital-explorer{grid-template-columns:310px minmax(0,1fr);grid-template-rows:minmax(440px,1fr) auto;height:auto;min-height:calc(100dvh - 73px)}
 .capital-controls{grid-row:1/3;max-height:calc(100dvh - 73px)}
 .capital-map-column{min-height:550px}
 .capital-detail{grid-column:2;border-left:0;border-top:1px solid #d6d9df;max-height:330px}
}
@media(max-width:760px){
 .capital-explorer{display:block;height:auto;min-height:0}
 .capital-controls{max-height:48dvh;border-right:0;border-bottom:1px solid #d6d9df}
 #capital-map{height:55dvh;min-height:360px;flex:none}
 .capital-detail{border-left:0;border-top:1px solid #d6d9df;overflow:visible}
}