.lesson-card,.doubling-panel,.supply-trace{padding:20px;border:1px solid #84d9c43d;background:#173340;border-radius:15px;margin-top:16px}.lesson-card h2{font-size:23px;margin:9px 0;font-weight:500}.lesson-card p,.doubling-panel p,.supply-trace p{font-size:15px;line-height:1.65;color:#b7d0d8}.lesson-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.lesson-actions label,.doubling-panel label{display:flex;gap:8px;align-items:center;font-size:14px;color:#c4ded9}.lesson-actions input,.doubling-panel input{accent-color:#92e5cc}.capacity-factors{margin-top:24px;border-top:1px solid #ffffff18;padding-top:12px}.capacity-factors h3{font-size:16px}.capacity-factors>div{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin:10px 0;color:#b3cbd6}.capacity-factors b{color:#efc494;white-space:nowrap}.capacity-factors p{font-size:13px;line-height:1.6;color:#a2bac8}.comparison-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.comparison-toolbar strong{font-size:16px;font-weight:500}.comparison-toolbar p{font-size:13px;color:#9fbaca;margin:6px 0}.comparison-toolbar label{font-size:13px;white-space:nowrap}.comparison-toolbar input{accent-color:#a7e0cf}.comparison-titles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 10px}.comparison-titles>span{display:flex;justify-content:space-between;background:#1b3945;border:1px solid #82cbb836;padding:11px 15px;border-radius:9px;font-size:14px;color:#a7e0cf}.comparison-titles>span+span{color:#bbc9d7;background:#203247;border-color:#9cbbd326}.comparison-titles.solo{grid-template-columns:1fr}.comparison-titles.solo>span+span{display:none}.comparison-tabs{display:none}#r-reference-canvas{display:none;position:absolute;inset:0;touch-action:none;cursor:grab}#r-reference-canvas canvas{display:block;width:100%;height:100%}.compare-maps #r-canvas{right:calc(50% + 5px)}.compare-maps #r-reference-canvas{display:block;left:calc(50% + 5px)}.compare-maps:after{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;background:#9dccda44;pointer-events:none}.compare-maps .map-key{max-width:calc(50% - 35px);font-size:11px}.compare-maps .map-key span:last-child{display:none}.doubling-panel h3{font-size:18px;font-weight:500;margin:0}.doubling-panel{padding:16px;margin:20px -7px}.doubling-row,.doubling-head{display:grid;grid-template-columns:.6fr 1fr 1fr;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #9ed2ce1c;font-variant-numeric:tabular-nums}.doubling-row b{font-weight:500;color:#ddece6}.doubling-row span{color:#98e3c9;font-size:14px}.doubling-row small{color:#a6bed0;font-size:13px}.doubling-head{font-size:11px;color:#9ebbc7;line-height:1.5}.doubling-panel label{margin-top:16px;font-size:13px}.ideal-key{color:#c5a5ff!important;font-size:12px!important}.supply-trace{margin:18px 0}.trace-stages{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.trace-stages button{border:1px solid #aacbce33;background:#203847;border-radius:9px;color:#bbd0d9;padding:10px 12px;font:inherit;font-size:14px;cursor:pointer}.trace-stages button[aria-pressed=true]{border-color:#ffbb79;color:#ffcc9b;background:#493c32}.trace-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.trace-controls label{font-size:14px;color:#aecbd2}.trace-status{padding:13px 15px;background:#102a35;border-left:3px solid #ffc386;line-height:1.6;font-size:15px;color:#d3e4df}.place-label.trace-source{outline:2px solid #ffbd7b;outline-offset:3px}.trace-controls button{font:inherit;font-size:14px;padding:10px;border-radius:9px;border:1px solid #99cbbc44;background:#1c3944;color:#c2e6d8;cursor:pointer}
@media(max-width:760px){.comparison-toolbar{align-items:flex-start;flex-direction:column;gap:5px}.comparison-tabs{display:flex;gap:8px;margin:8px 0}.comparison-tabs button{flex:1;padding:11px 8px;border:1px solid #a6c9d233;border-radius:8px;background:#203342;color:#b2c9d4;font:500 13px system-ui}.comparison-tabs button[aria-pressed=true]{background:#2b514e;color:#b1efd7;border-color:#a6dfca}.comparison-tabs button:disabled{opacity:.4}.comparison-titles{font-size:12px}.comparison-titles>span{padding:9px;font-size:12px}.compare-maps #r-canvas{inset:0}.compare-maps #r-reference-canvas{display:none;inset:0}.compare-maps.view-fixed #r-canvas,.compare-maps.view-fixed #r-primary-labels{display:none}.compare-maps.view-fixed #r-reference-canvas{display:block}.compare-maps:after{display:none}.compare-maps .map-key{max-width:calc(100% - 30px)}.lesson-card{padding:16px}.lesson-card h2{font-size:20px}.trace-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.trace-stages button{padding:9px 6px;font-size:12px}.supply-trace{padding:15px}.lesson-actions{align-items:flex-start;flex-direction:column}}

.district-productivity{margin:20px 0;padding:24px;background:#152e3d;border:1px solid #95e6ce40;border-radius:18px}.production-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.production-heading h2{margin:8px 0;font-size:25px;font-weight:500}.district-productivity p{font-size:16px;line-height:1.65;color:#b5cdd6;max-width:90ch}.production-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0}.production-numbers span,.production-numbers small{display:block;font-size:14px;color:#acc5d1}.production-numbers strong{display:block;font-size:36px;font-weight:500;color:#95e6ce;margin:7px 0;font-variant-numeric:tabular-nums}.production-numbers>div:nth-child(2) strong{color:#ecb48c}.production-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:14px;color:#95e6ce}.production-legend span+span{color:#ecb48c}.district-productivity svg,.sector-productivity svg{display:block;width:100%;height:auto;max-height:210px;margin-top:12px}.district-productivity .production-note{font-size:14px}.district-productivity summary{cursor:pointer;color:#d6e6e7;font-size:15px;padding:10px 0}.sector-productivity{border-top:1px solid #aac4d32b;margin-top:15px;padding-top:8px}.sector-productivity h3{font-size:15px}.sector-productivity p{font-size:14px!important;color:#95e6ce!important}.sector-productivity small{font-size:13px;color:#a5bdcb}.sector-productivity .production-legend{font-size:12px}.sector-productivity svg{min-height:90px}
@media(max-width:760px){.district-productivity{padding:17px}.production-heading{display:block}.production-heading h2{font-size:22px}.production-numbers{gap:12px;grid-template-columns:1fr 1fr}.production-numbers>div:last-child{grid-column:1/-1;border-top:1px solid #9ac2d32b;padding-top:12px}.production-numbers strong{font-size:30px}.production-numbers>div:last-child strong{display:inline-block;margin-right:12px}.production-numbers>div:last-child small{display:inline}.district-productivity svg{min-height:130px}}