
/* A flexible breakdown: quantities and periods belong to each selected metric. */
html.ser-numbers-modal-open{overflow:hidden;scrollbar-gutter:stable}
#ser-design .ser-numbers-trigger{border:0;background:none;font-family:inherit;text-align:left;color:var(--ser-accent)}
#ser-design dialog.ser-numbers-panel{position:fixed;inset:0 0 0 auto;margin:0;width:min(1046.5px,100vw);height:100dvh;max-width:100vw;max-height:100dvh;padding:0;border:0;border-left:1.15px solid var(--ser-line);background:var(--ser-surface);color:var(--ser-ink);overflow:hidden;box-shadow:-23px 0 80.5px var(--ser-shadow);font-family:inherit}
#ser-design dialog.ser-numbers-panel:not([open]){display:none}
#ser-design dialog.ser-numbers-panel::backdrop{background:rgba(7,11,6,.45);backdrop-filter:blur(3.45px)}
#ser-design .ser-numbers-shell{height:100%;display:flex;flex-direction:column;min-height:0}
#ser-design .ser-numbers-header{display:flex;gap:23px;align-items:flex-start;justify-content:space-between;padding:29.9px 34.5px 25.3px;border-bottom:1.15px solid var(--ser-line);flex:none}
#ser-design .ser-numbers-header>div{min-width:0}
#ser-design .ser-numbers-header h2{font-size:32.2px;line-height:1.25;letter-spacing:-1.15px;font-weight:500;margin:0}
#ser-design .ser-numbers-header p{margin:11.5px 0 0;font-size:13.8px;line-height:1.6;color:var(--ser-muted);overflow-wrap:anywhere}
#ser-design .ser-numbers-close{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:43.7px;min-height:43.7px;padding:0;background:transparent;border:1.15px solid var(--ser-line);border-radius:50%;color:var(--ser-muted);font-family:inherit;font-size:29.9px;line-height:1}
#ser-design .ser-numbers-close:hover{color:var(--ser-ink);border-color:var(--ser-line-strong)}
#ser-design .ser-numbers-scroll{padding:0 34.5px 27.6px;overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:var(--ser-line-strong) transparent}
#ser-design .ser-numbers-tabs{display:flex;flex-wrap:wrap;gap:8.05px;margin:25.3px 0 33.35px}
#ser-design .ser-numbers-tabs button{min-width:0;min-height:43.7px;padding:9.2px 13.8px;border:1.15px solid var(--ser-line);border-radius:5.75px;background:transparent;font-family:inherit;font-size:13.8px;line-height:1.5;color:var(--ser-muted);text-align:left;overflow-wrap:anywhere}
#ser-design .ser-numbers-tabs button[aria-pressed="true"]{color:var(--ser-accent);border-color:var(--ser-line-strong);background:var(--ser-accent-soft)}
#ser-design .ser-numbers-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);grid-template-areas:"parts result";gap:40.25px;align-items:start}
#ser-design .ser-numbers-layout[data-empty="true"]{grid-template-columns:minmax(0,1fr);grid-template-areas:"result"}
#ser-design .ser-numbers-result{grid-area:result;min-width:0;padding:27.6px;background:var(--ser-surface-raised);border-top:2.3px solid var(--ser-accent);border-radius:0 0 8.05px 8.05px}
#ser-design .ser-numbers-result h3{font-size:14.95px;line-height:1.5;font-weight:400;color:var(--ser-muted);margin:0}
#ser-design .ser-numbers-value{font-size:55.2px;line-height:1.18;font-weight:500;letter-spacing:-2.3px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:13.8px 0 4.6px}
#ser-design .ser-numbers-value[data-compact="true"]{font-size:33.35px;letter-spacing:-0.92px}
#ser-design .ser-numbers-unit{font-size:12.65px;line-height:1.6;color:var(--ser-muted);margin:0 0 24.15px}
#ser-design .ser-numbers-description{font-size:13.8px;line-height:1.65;color:var(--ser-ink);margin:0 0 13.8px}
#ser-design .ser-numbers-source{font-size:12.65px;line-height:1.6;color:var(--ser-muted);margin:0}
#ser-design .ser-numbers-breakdown{grid-area:parts;min-width:0}
#ser-design .ser-numbers-breakdown>h3{font-size:16.1px;line-height:1.5;font-weight:500;margin:0 0 9.2px}
#ser-design .ser-numbers-breakdown-note{font-size:12.65px;line-height:1.6;color:var(--ser-muted);margin:0 0 25.3px}
#ser-design .ser-numbers-parts{display:grid;gap:27.6px;margin:0}
#ser-design .ser-numbers-parts>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9.2px 20.7px;align-items:baseline;min-width:0}
#ser-design .ser-numbers-parts dt{font-size:13.8px;line-height:1.6;color:var(--ser-muted);min-width:0;overflow-wrap:anywhere}
#ser-design .ser-numbers-parts dd{font-size:23px;line-height:1.5;font-weight:500;font-variant-numeric:tabular-nums;text-align:right;margin:0;max-width:218.5px;overflow-wrap:anywhere}
#ser-design .ser-numbers-track{grid-column:1/-1;height:8.05px;background:var(--ser-accent-soft);margin:0;border-radius:0}
#ser-design .ser-numbers-bar{display:block;height:100%;background:var(--ser-muted);transition:width 240ms ease-out}
#ser-design .ser-numbers-bar[data-tone="benefit"]{background:var(--ser-accent)}
#ser-design .ser-numbers-calculation{border-top:1.15px solid var(--ser-line);padding-top:19.55px;margin:28.75px 0 0;font-size:16.1px;line-height:1.7;color:var(--ser-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#ser-design .ser-numbers-parameters{margin-top:23px;border-top:1.15px solid var(--ser-line);font-size:12.65px;line-height:1.6}
#ser-design .ser-numbers-parameters summary{padding:16.1px 0;color:var(--ser-muted);cursor:pointer}
#ser-design .ser-numbers-fields{display:grid;gap:13.8px;margin:0 0 6.9px}
#ser-design .ser-numbers-fields>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:9.2px 20.7px;min-width:0}
#ser-design .ser-numbers-fields dt{color:var(--ser-muted);overflow-wrap:anywhere}
#ser-design .ser-numbers-fields dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
#ser-design .ser-numbers-error{color:var(--ser-warning);font-size:13.8px;line-height:1.6;margin:17.25px 0 0}
#ser-design .ser-numbers-assumptions{margin-top:20.7px;border-top:1.15px solid var(--ser-line);font-size:12.65px;line-height:1.6}
#ser-design .ser-numbers-assumptions summary{padding:13.8px 0;color:var(--ser-muted)}
#ser-design .ser-numbers-assumptions dl{margin:0 0 11.5px}
#ser-design .ser-numbers-assumptions dl>div{display:flex;justify-content:space-between;gap:20.7px;padding:6.9px 0}
#ser-design .ser-numbers-assumptions dt{color:var(--ser-muted);min-width:0}
#ser-design .ser-numbers-assumptions dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
#ser-design .ser-numbers-group>p{font-size:13.8px;line-height:1.65;color:var(--ser-muted);margin:26.45px 0 9.2px}
#ser-design .ser-numbers-choose{display:inline-flex;align-items:center;gap:16.1px;min-height:50.6px;font-family:inherit;font-size:13.8px;line-height:1.5;text-align:left;padding:9.2px 0;border:0;background:transparent;color:var(--ser-accent)}
#ser-design .ser-numbers-footer{border-top:1.15px solid var(--ser-line);padding-top:17.25px;margin-top:32.2px}
#ser-design .ser-numbers-footer p{font-size:12.65px;line-height:1.7;color:var(--ser-muted);margin:0}
/* Scenario selection and validation belong to this explanation panel only. */
#ser-design .ser-numbers-panel .ser-numbers-scenario{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18.4px;margin:23px 0 0}
#ser-design .ser-numbers-scenario label{display:grid;gap:9.2px;min-width:0;font-size:13.8px;line-height:1.5;color:var(--ser-muted)}
#ser-design .ser-numbers-scenario select{box-sizing:border-box;min-width:0;width:100%;min-height:50.6px;padding:11.5px 13.8px;border:1.15px solid var(--ser-line-strong);border-radius:11.5px;background:var(--ser-field);color:var(--ser-ink);font:inherit;font-size:17.25px}
#ser-design .ser-numbers-scenario select:disabled{color:var(--ser-muted);cursor:not-allowed}
#ser-design .ser-numbers-warning{color:var(--ser-warning);font-size:13.8px;line-height:1.6;margin:17.25px 0 0}
#ser-design .ser-numbers-panel .ser-numbers-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:23px}
#ser-design .ser-numbers-footer>p{flex:1;min-width:0}
#ser-design .ser-numbers-save{flex:none;min-height:50.6px;max-width:100%;padding:11.5px 18.4px;border:1.15px solid var(--ser-line-strong);border-radius:1148.85px;background:var(--ser-accent);color:var(--ser-on-accent,#111511);font:inherit;font-size:14.95px;line-height:1.5;cursor:pointer;white-space:normal}
#ser-design .ser-numbers-save:disabled{background:var(--ser-surface-raised);color:var(--ser-muted);cursor:not-allowed}
#ser-design dialog.ser-numbers-panel[open]{animation:ser-numbers-enter 320ms cubic-bezier(.2,.8,.2,1)}
@keyframes ser-numbers-enter{from{opacity:0;transform:translateX(36.8px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:760px){#ser-design dialog.ser-numbers-panel{width:100vw;border-left:0;box-shadow:none}#ser-design .ser-numbers-header{padding:24.15px 23px 20.7px}#ser-design .ser-numbers-header h2{font-size:27.6px}#ser-design .ser-numbers-scroll{padding:0 23px 25.3px}#ser-design .ser-numbers-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"result" "parts";gap:32.2px}#ser-design .ser-numbers-result{padding:24.15px}#ser-design .ser-numbers-value{font-size:50.6px}#ser-design .ser-numbers-parts{gap:23px}#ser-design .ser-numbers-parts dd{max-width:184px}}
@media(max-width:360px){#ser-design .ser-numbers-fields{grid-template-columns:minmax(0,1fr)}#ser-design .ser-numbers-header h2{font-size:24.15px}#ser-design .ser-numbers-value{font-size:44.85px}}
@media(max-width:480px){#ser-design .ser-numbers-panel .ser-numbers-scenario{grid-template-columns:minmax(0,1fr);gap:13.8px}#ser-design .ser-numbers-panel .ser-numbers-footer{flex-direction:column;gap:18.4px}#ser-design .ser-numbers-save{align-self:flex-start}}
@media(pointer:coarse){#ser-design .ser-numbers-close{min-width:50.6px;min-height:50.6px}#ser-design .ser-numbers-tabs button{min-height:50.6px}}
@media(prefers-reduced-motion:reduce){#ser-design dialog.ser-numbers-panel[open]{animation:none}#ser-design .ser-numbers-bar{transition:none}}

#ser-design .ser-numbers-scenario[data-projects=true]{grid-template-columns:repeat(3,minmax(0,1fr))}
#ser-design .ser-numbers-scenario [data-ser-numbers-project-label][hidden]{display:none}
@media(max-width:480px){#ser-design .ser-numbers-scenario[data-projects=true]{grid-template-columns:minmax(0,1fr)}}

