/* Topic-specific layouts only; shared components live in components.css. */
.nhs-badge{display: inline-flex; align-items: center; gap: 6px; background: var(--nhs-blue); color: #fff; font-family: var(--font-head); font-size:12px; font-weight: 800; padding: 4px 10px; border-radius: 5px; letter-spacing: .04em;}
.stat-value-inline{display: flex; align-items: baseline; gap: 7px; margin-bottom: 5px;}
.stat-value-inline .stat-value{margin-bottom: 0;}
.stat-inline-target{font-family: var(--font-head); font-size:12px; font-weight: 600; color: var(--text-muted); white-space: nowrap;}
.target-bar-wrap{margin-top: 9px;}
.target-bar-labels{display: flex; justify-content: space-between; font-family: var(--font-mono); font-size:12px; color: var(--text-muted); margin-bottom: 3px;}
.target-bar-track{height: 5px; background: var(--off-white); border-radius: 3px; overflow: hidden;}
.target-bar-fill{height: 100%; border-radius: 3px; transition: width .8s cubic-bezier(.4,0,.2,1);}
.target-bar-fill.good{background: linear-gradient(90deg,#15803d,#22c55e);}
.target-bar-fill.warn{background: linear-gradient(90deg,#92400e,#f59e0b);}
.target-bar-fill.bad{background: linear-gradient(90deg,#b91c1c,var(--red));}
.target-note{display: flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size:12px; color: var(--amber);}
.target-note::before{content:''; display:inline-block; width:16px; height:2px; background: var(--amber); border-radius:1px;}
.rtt-bar-wrap{padding: 14px 18px;}
.rtt-row{display: flex; align-items: center; gap: 10px; margin-bottom: 5px;}
.rtt-label{font-family: var(--font-head); font-size:12px; font-weight: 700; color: var(--text-secondary); width: 100px; flex-shrink: 0;}
.rtt-track{flex: 1; background: var(--off-white); border-radius: 4px; height: 16px; overflow: hidden; position: relative;}
.rtt-fill{height: 100%; border-radius: 4px; display: flex; align-items: center; padding-left: 8px; transition: width .8s cubic-bezier(.4,0,.2,1);}
.rtt-val{font-family: var(--font-mono); font-size:12px; color: #fff; font-weight: 500; white-space: nowrap;}
.rtt-pct{font-family: var(--font-mono); font-size:12px; color: var(--text-muted); width: 38px; text-align: right; flex-shrink: 0;}

/* Equal plotting areas; the specialty rows share a fixed baseline and row pitch. */
.nhs-page .chart-head{min-height:96px}.nhs-page .chart-body{height:330px;padding:18px 15px 12px;flex:0 0 auto}.nhs-page .chart-container{height:300px;min-height:300px}.nhs-page .rtt-bar-wrap{height:330px;padding:18px 15px 12px}.nhs-page .chart-foot{min-height:54px}.rtt-specialties{height:300px;display:grid;grid-template-rows:repeat(10,minmax(0,1fr));gap:4px}.rtt-row{display:grid;grid-template-columns:minmax(0,165px) minmax(0,1fr);gap:12px;margin:0;min-width:0}.rtt-label{width:auto;min-width:0;font:500 11px/1.4 var(--font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rtt-track{height:14px;min-width:0}.rtt-fill{border-radius:0 4px 4px 0}.rtt-val{font:500 11px var(--font-body);padding-left:0}.nhs-page .stat-label{font-weight:500}.nhs-page .stat-sub{font-size:11px;color:var(--text-muted)}
@media(max-width:600px){.nhs-page .chart-head{min-height:100px}.nhs-page .chart-body{height:300px;padding:16px 10px 14px}.nhs-page .chart-container{height:270px;min-height:270px}.nhs-page .rtt-bar-wrap{height:300px;padding:16px 10px 14px}.rtt-specialties{height:270px}.rtt-row{grid-template-columns:minmax(0,125px) minmax(0,1fr);gap:8px}.rtt-label{font-size:10px}.nhs-page .stat-label{min-height:34px}}

.nhs-page .rtt-specialties{height:auto;grid-template-rows:repeat(10,24px);gap:3px}
.nhs-page .rtt-track{height:18px}
.nhs-page .rtt-label{font-size:12px;font-weight:600}
@media(max-width:600px){.nhs-page .rtt-label{font-size:11px}.nhs-page .rtt-specialties{grid-template-rows:repeat(10,22px)}}

.rtt-specialties{grid-template-columns:fit-content(42%) minmax(0,1fr);column-gap:15px}
.rtt-specialties .rtt-row{grid-column:1/-1;grid-template-columns:subgrid;column-gap:15px}