.spacing-lab{max-width:100%;min-width:0;margin-top:24px}.spacing-controls{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;padding:20px;border:1px solid #c6d1e3;border-radius:10px;background:white}.spacing-toggle{display:flex;gap:8px;flex-wrap:wrap}.spacing-controls button,.spacing-controls select{min-height:44px;border:1px solid #758198;border-radius:6px;padding:10px 14px;background:white;font-size:13px;line-height:1.7;color:#263851;max-width:100%}.spacing-controls button[aria-pressed=true]{background:#2558ed;border-color:#2558ed;color:white}.spacing-controls>div:not(.spacing-toggle){min-width:0;max-width:100%}.spacing-controls>div>label{display:block;font-size:12px;line-height:1.8;margin-bottom:8px}.spacing-controls select{display:block;width:100%;min-width:0}.spacing-check{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.7;min-height:44px;padding:10px 0;cursor:pointer}.spacing-check input{width:18px;height:18px;flex-shrink:0;accent-color:#2558ed;margin-top:3px}.lesson-content p.spacing-demo-note{font-size:12px;line-height:1.8;color:#536174;margin-top:16px}.spacing-dashboard{container-type:inline-size;container-name:coaching-metrics;max-width:100%;min-width:0;margin-top:24px;font:16px/1.6 system-ui,sans-serif;color:#1b2a42}.spacing-dashboard.density-compact{--spacing-inner:4px;--spacing-group:16px;--spacing-area:24px;--spacing-card:16px}.spacing-dashboard.density-generous{--spacing-inner:8px;--spacing-group:24px;--spacing-area:32px;--spacing-card:24px}.spacing-dashboard.has-large-text{font-size:32px}.spacing-board{min-width:0}.spacing-board-header{margin-bottom:var(--spacing-area)}.lesson-content .spacing-board-header p{font:400 .625em/1.8 monospace;letter-spacing:.08em;margin:0;color:#536174;overflow-wrap:anywhere}.lesson-content .spacing-board-header h3{font:500 1.5em/1.4 system-ui,sans-serif;margin:var(--spacing-inner) 0 0;overflow-wrap:anywhere}.spacing-metrics-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-group);min-width:0}.spacing-metric{padding:var(--spacing-card);border:1px solid #bcc9df;border-radius:10px;background:#f0f4fb;min-width:0}.lesson-content .spacing-metric h4{font:500 .875em/1.7 system-ui,sans-serif;margin:0;color:#44526a;overflow-wrap:anywhere}.lesson-content .spacing-metric-value{display:flex;align-items:baseline;flex-wrap:wrap;-moz-column-gap:8px;column-gap:8px;row-gap:var(--spacing-inner);font-size:1em;line-height:1.4;margin:var(--spacing-inner) 0 0;color:#1b2a42;max-width:100%;font-variant-numeric:tabular-nums}.spacing-metric-value strong{font-size:1.5em;font-size:clamp(1.25em,calc(1em + .35cqi),1.5em);font-weight:650;line-height:1.4;max-width:100%;overflow-wrap:anywhere}.spacing-metric-value.is-long-value strong{font-size:1.125em}.spacing-metric-value>span{font-size:1em;line-height:1.5;color:#44526a}.lesson-content .spacing-metric-change{font-size:.75em;line-height:1.8;margin:var(--spacing-inner) 0 0;color:#44526a;font-variant-numeric:tabular-nums}.spacing-metric-change span{display:inline-block}.spacing-board-footer{font-size:.75em;line-height:1.8;color:#536174;margin-top:var(--spacing-area);overflow-wrap:anywhere}.is-comparison .spacing-board{padding:var(--spacing-card);border:1px solid #c6d1e3;background:white;border-radius:12px;max-width:620px}.is-comparison .spacing-metric{background:#f3f6fc}.is-comparison .spacing-metric-value strong{font-size:1.75em}.lesson-analysis-details.spacing-solution-details{max-width:960px}.spacing-lab :is(button,input,select):focus-visible{outline:3px solid #2558ed;outline-offset:3px}@container coaching-metrics (min-width:560px){.spacing-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container coaching-metrics (min-width:900px){.is-dashboard .spacing-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:640px){.spacing-controls{padding:16px;gap:12px}.spacing-controls select{font-size:12px}}