/* Embedded views keep the complete model, with the home providing the frame. */
html.co-embedded{height:auto!important;min-height:0!important;overflow-y:hidden}
html.co-embedded body{padding:0!important;min-height:0!important;height:auto!important;overflow-y:hidden}
.co-embedded :is(.nav,.co-nav,.co-footer,.bs-nav,.bs-footer,body>.skip,body>.co-skip,body>.bs-skip,footer){display:none!important}
.co-embedded .wrap{max-width:none;padding:20px}
.co-embedded .app{padding:20px;max-width:none}
.co-embedded .bh-page{padding:20px;max-width:none}
.co-embedded .band{position:static}
.co-embedded :is(.ctrls,.bh-controls){position:static;max-height:none;overflow-y:visible}
.co-embedded .tw.tall{max-height:none}
.co-embedded .bh-kpis{position:static}
.co-embedded .presets{border-top:0;padding-top:0}
.co-embedded .intro{padding:18px 0;gap:24px}
.co-embedded .intro h1{font-size:28px;line-height:1.15;letter-spacing:-1px;margin-bottom:10px}
.co-embedded .intro .lead{font-size:13px}
/* In the home, explanatory copy is optional; the working model comes first. */
.co-embedded .co-app-intro{margin:0 0 8px;font:12px/1.5 Arial,Helvetica,sans-serif;color:var(--muted,var(--bh-fg-muted))}
.co-embedded .co-app-intro>summary{cursor:pointer;min-height:28px;display:list-item;list-style:disclosure-closed;font-size:11px}
.co-embedded .co-app-intro[open]>summary{list-style:disclosure-open}
.co-embedded .co-app-intro>summary:focus-visible{outline:2px solid var(--accent,var(--bs-accent));outline-offset:2px}
.co-embedded :is(.wrap,.app,.bh-page){padding:12px 16px}
.co-embedded .bs-frame{padding:0 16px}
.co-embedded .bs-frame:has(.co-app-intro){padding-top:10px}
.co-embedded .bs-theme{display:none}
.co-embedded .presets{padding:0 0 10px;gap:6px}
.co-embedded .presets button{min-height:32px;padding:6px 10px;font-size:11px}
.co-embedded .status{font-size:11px;margin-bottom:10px}
.co-embedded .kpis{gap:8px;margin-bottom:12px}
.co-embedded .kpi{padding:9px 12px;box-shadow:none}
.co-embedded .kpi-label{font-size:11px;margin-bottom:5px}
.co-embedded .kpi-value{font-size:25px}
.co-embedded :is(.kpi-note,.kpi-budget){margin-top:4px;font-size:10px}
.co-embedded .kpi-delta{font-size:11px}
.co-embedded .panel{box-shadow:none}
.co-embedded .eyebrow{font-size:9px;margin-bottom:6px}
.co-embedded h2{font-size:18px;margin-bottom:6px}
.co-embedded :is(.help,.chart-help){font-size:11px;margin-bottom:8px}

.co-embedded .control label{font-size:12px}
.co-embedded .control output{font-size:14px}
.co-embedded .panel-head p:last-child{margin-bottom:10px;font-size:11px}
.co-embedded .chip span{display:none}
.co-embedded .band .k{padding:10px!important}
.co-embedded .band .kv{font-size:22px}
.co-embedded .band .hero .kv{font-size:28px}
.co-embedded .band .ks{font-size:10px}
.co-embedded .band .kd:empty{display:none}
.co-embedded .bh-kpis{padding:0;margin-bottom:10px;gap:6px}
.co-embedded .bh-tile{min-height:0;padding:7px 9px}
.co-embedded .bh-tile-v{font-size:22px}
.co-embedded .bh-tile-s{display:none}
.co-embedded .bh-bar{margin-bottom:10px;padding:6px 9px}
.co-embedded .bh-tabs{margin-bottom:8px}
/* Reduce empty space and plotting height, keeping the original text sizes. */
.co-embedded .panel{padding:12px}
.co-embedded .control{padding:5px 0 4px}
.co-embedded .control input{display:block;margin:3px 0 1px;min-height:24px}
.co-embedded .control label{line-height:1.3}
.co-embedded .control output{line-height:1.3}
.co-embedded .control small{line-height:1.35}
.co-embedded .controls>.small-note{padding-top:9px;margin-top:8px}
.co-embedded .control-note{padding-top:9px;line-height:1.45}
.co-embedded .advanced{padding:8px 0}
.co-embedded .small-note{margin-top:8px;line-height:1.5}
.co-embedded .bridge{min-height:0}
.co-embedded .bridge .axis-label{font-size:12px}
.co-embedded .bridge :is(.value-label,.bar-name){font-size:13px}
.co-embedded :is(.bid,.insight){margin-top:10px;padding:14px 16px;gap:12px}
.co-embedded :is(.bid,.insight) h2{font-size:19px}
.co-embedded :is(.bid,.insight) p{font-size:12px;line-height:1.5}
.co-embedded :is(.two-up,.detail-grid,.detail){margin-top:14px;gap:14px}
.co-embedded .grp>button{padding:8px 11px}
.co-embedded .grp .gb{padding:0 11px 10px;gap:9px}
.co-embedded .ctl{gap:3px}
.co-embedded .ctrls{gap:7px}
.co-embedded .card{padding:11px 12px;gap:7px}
.co-embedded .results{gap:10px}
.co-embedded .bh-chart{min-height:0}
.co-embedded .bh-card{padding:10px}
.co-embedded .bh-lev{padding:4px 0 3px}
.co-embedded .bh-lev-sub{line-height:1.35;min-height:0}
.co-embedded .bh-sub{margin:9px 0 4px}
.co-embedded .bh-range{height:24px}
.co-embedded .bh-card .bh-note{margin-bottom:6px}
.co-embedded .bh-tabs button{padding:6px 10px}
@media(min-width:850px){
 .co-embedded .workspace{grid-template-columns:250px minmax(0,1fr);gap:14px}
 .co-embedded .bench{flex-direction:row;align-items:flex-start;gap:14px}
 .co-embedded .ctrls{width:280px;flex:none}
 .co-embedded .bench>.results{flex:1;min-width:0}
 .co-embedded .bh-main{grid-template-columns:270px minmax(0,1fr);gap:14px}
 .co-embedded .bh-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .co-embedded .bh-chart{min-height:0}
}
@media(max-width:700px){
 .co-embedded :is(.wrap,.app,.bh-page){padding:14px}
 .co-embedded .band .hero{padding:14px}
 .co-embedded .band .hero .kv{font-size:30px}
 .co-embedded .band .k{padding:12px}
 .co-embedded .band .kv{font-size:21px}
}
@media(max-width:849px){
 .co-embedded .workspace{display:flex;flex-direction:column}
 .co-embedded .workspace>:is(.results,.analysis){order:-1;width:100%}
 .co-embedded .workspace>.controls{width:100%}
 .co-embedded .bridge svg{min-width:0}
 .co-embedded .bench{display:flex;flex-direction:column}
 .co-embedded .bench>.results{order:-1;width:100%}
 .co-embedded .band{grid-template-columns:repeat(3,minmax(0,1fr))}
 .co-embedded .band .k{grid-column:auto!important;min-width:0}
 .co-embedded .band .hero .spark{display:none}
 .co-embedded .band .hero .ks{max-width:none}
 .co-embedded .band .kl{font-size:9px;letter-spacing:0}
 .co-embedded .band .kv{font-size:20px}
 .co-embedded .bh-main{display:flex;flex-direction:column}
 .co-embedded .bh-results{order:-1;width:100%}
 .co-embedded .bh-controls{width:100%}
 .co-embedded .bh-bar{gap:6px}
}