.task-shell{max-width:1360px}.task-shell .topbar{margin-bottom:28px}.task-shell h1{margin-top:18px;font-size:clamp(28px,4vw,44px);letter-spacing:-1.4px}.task-controls{display:flex;align-items:end;gap:20px;flex-wrap:wrap;padding:20px 24px}.task-controls label{display:grid;gap:8px;font-size:12px;font-weight:600;color:var(--muted)}.task-controls select{max-width:100%;padding:10px 30px 10px 12px;background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:8px;font:inherit;font-size:13px}.task-controls label:first-child{flex:1;min-width:230px}.task-status{font-size:13px;color:var(--muted);min-height:20px;margin:14px 2px}.task-intro{display:flex;justify-content:space-between;gap:20px;align-items:start;margin:32px 0 24px}.task-intro h2{font-size:26px;margin:8px 0}.task-intro p{color:var(--muted);font-size:14px;max-width:750px;line-height:1.7;margin:0}.task-eyebrow{text-transform:uppercase;letter-spacing:1.3px;font-size:10px;font-weight:700;color:var(--muted)}.task-tag{white-space:nowrap;font-size:11px;padding:8px 12px;border:1px solid var(--line);border-radius:30px;color:var(--muted)}.task-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:24px 0 30px}.task-stats>div{border-left:2px solid var(--line);padding-left:18px;display:grid;gap:7px}.task-stats span,.task-stats small{color:var(--muted);font-size:12px}.task-stats strong{font-size:28px;letter-spacing:-.8px;font-weight:600}.task-plots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.task-plots .card{padding:24px;min-width:0}.task-plots h3{font-size:16px;margin:0 0 8px}.task-plots p{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 24px;min-height:38px}.task-canvas{height:310px;position:relative}.task-footnote{font-size:11px;line-height:1.8;color:var(--muted)}.task-caution{font-size:13px;line-height:1.7;border-left:3px solid var(--accent);padding:8px 16px;margin:22px 0}.task-method{padding:22px 24px;margin-top:28px;font-size:13px;line-height:1.8}.task-method summary{cursor:pointer;font-weight:600}.task-method p{color:var(--muted);max-width:1080px}.task-method a{color:var(--accent)}.task-weights{display:flex;gap:8px;flex-wrap:wrap}.task-weights span{font-size:11px;border:1px solid var(--line);padding:5px 10px;border-radius:6px}.task-shell [hidden]{display:none!important}@media(max-width:760px){.task-plots{grid-template-columns:1fr}.task-stats{gap:12px}.task-stats strong{font-size:20px}.task-stats small{font-size:10px}.task-intro{flex-direction:column}.task-controls{gap:14px}.task-controls label{width:100%}.task-canvas{height:260px}.task-plots .card{padding:18px}.task-stats>div{padding-left:10px}}
.task-specific-controls{display:contents}.task-specific-controls[hidden],#taskExplorer[hidden],#capabilityBenchmarkControls[hidden],#aaVersionControl[hidden]{display:none!important}

/* Shared dashboard controls and chart panels. */
#capabilityBenchmarkControls{gap:16px;margin-bottom:24px;padding:18px 22px}
#capabilityBenchmarkControls label:first-child{flex:1 1 240px;min-width:220px}
#capabilityBenchmarkControls [hidden],#taskExplorer [hidden]{display:none!important}
.date-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-left:auto;position:relative}
.date-toolbar .custom-range{position:static}
.date-toolbar .custom-range>div{left:0;right:auto;min-width:0;width:330px;max-width:calc(100vw - 64px);flex-wrap:wrap}
.date-toolbar .custom-range label{flex:1!important;min-width:120px!important}
.date-toolbar input{font:inherit;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:6px;padding:8px}
#dashboardDateError{font-size:12px;color:var(--muted)}
.task-specific-controls>label{flex:0 1 auto!important;min-width:140px!important}
#taskExplorer .task-intro{margin:20px 0}
#taskExplorer .task-intro h2{font-size:22px;letter-spacing:-.5px;margin:0}
#taskExplorer .task-plots.single-plot{grid-template-columns:1fr}
#taskExplorer .single-plot .task-canvas{height:390px}
#taskExplorer .task-plots p{min-height:0;margin-bottom:20px}
.task-canvas,.task-mix-panel,.family-chart-wrap,.quality-chart-wrap{cursor:grab}
.task-canvas:active,.task-mix-panel:active,.family-chart-wrap:active,.quality-chart-wrap:active{cursor:grabbing}
body:not(.social-export) #taskMixRanges,body:not(.social-export) #taskMixZoomReset,
body:not(.social-export) #familyRanges,body:not(.social-export) #familyZoomReset,
body:not(.social-export) .benchmark-controls>.range-tabs,body:not(.social-export) .benchmark-controls>.custom-range,
body:not(.social-export) #benchmarkZoomReset{display:none}
.benchmark-controls select,.task-mix-controls select,.family-cost-controls select{border-radius:8px;padding:10px 12px;font-size:13px}
.task-mix-head h2,.benchmark-head h2,.family-section h2{font-size:22px;letter-spacing:-.5px}
#capabilityBenchmarkControls>.benchmark-controls,#capabilityBenchmarkControls>.task-mix-controls,#capabilityBenchmarkControls>.family-cost-controls{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:0;padding:0;overflow:visible}
#capabilityBenchmarkControls .benchmark-controls label,#capabilityBenchmarkControls .task-mix-controls label{flex:0 1 auto;min-width:140px}
#capabilityBenchmarkControls .frontier-toggle{display:flex;align-items:center;align-self:center;gap:8px;min-width:0!important}
.task-stats .change-performance{border-color:var(--chart-open)}
.task-stats .change-performance strong{color:var(--chart-open)}
.task-stats .change-cost{border-color:var(--chart-warm)}
.task-stats .change-cost strong{color:var(--chart-warm)}
.task-stats .change-floor{border-color:var(--chart-frontier)}
.task-stats .change-floor strong{color:var(--chart-frontier)}
#taskContent{padding:22px}
#taskContent .task-intro{margin:0 0 18px}
#taskContent .task-plots.task-mix-chart-stack{grid-template-columns:1fr;gap:24px}
#taskContent .task-mix-chart-stack .task-canvas{height:260px}
#taskContent .benchmark-plot{min-width:0}
#taskContent .task-mix-chart-stack .benchmark-plot>h3,#taskContent .task-mix-chart-stack .benchmark-plot>p{display:none}
#taskContent .family-chart-grid{gap:18px}
#taskContent .family-chart-grid .task-canvas{height:390px;margin-top:8px}
#taskContent .family-plot h3{font-size:15px;margin:0 0 4px}
#taskContent .family-plot p{margin:0 0 16px;font-size:12px;line-height:1.45}
@media(max-width:760px){#taskContent{padding:18px}#taskContent .task-mix-chart-stack .task-canvas{height:230px}#taskContent .family-chart-grid{grid-template-columns:1fr}}
@media(max-width:760px){#capabilityBenchmarkControls{padding:16px;gap:14px}.date-toolbar{margin-left:0;width:100%;gap:8px}.date-toolbar .range-tabs{flex-wrap:wrap}.task-specific-controls>label{flex:1 1 140px!important;width:auto!important}#taskExplorer .single-plot .task-canvas{height:300px}}