.lab-page { margin: 0; background: #fffaf2; color: #161115; font: 16px/1.5 Arial, sans-serif; }
.lab-page *, .gg-lab *, .lab-context-bar * { box-sizing: border-box; }
.lab-page button, .lab-page input, .lab-page select { font: inherit; }
.lab-page a { color: inherit; }
.lab-page button, .gg-lab button { cursor: pointer; }
.lab-site-header { min-height: 76px; display: flex; align-items: center; gap: 24px; padding: 16px max(24px, calc((100vw - 1180px)/2)); border-bottom: 1px solid #ddd4c9; background: #f4ecdd; }
.lab-logo { display: flex; align-items: center; flex: 0 0 auto; }
.lab-logo img { display: block; width: 144px; height: auto; }
.lab-header-caption { font-size: 13px; color: #6f6865; }
.lab-original-link { margin-left: auto; display: flex; align-items: center; gap: 12px; min-height: 44px; text-decoration: none; font-size: 13px; font-weight: 700; }
.lab-original-link span { font-size: 19px; }
.lab-review, .lab-review-footer { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.lab-review { padding: 28px 0 0; }
.lab-review-caption { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; font-size: 13px; font-weight: 700; }
.lab-review-count { color: #6f6865; font-weight: 400; }
.lab-variant-nav { display: flex; gap: 6px; padding: 5px; background: #f0e7db; border-radius: 12px; }
.lab-variant-nav button { flex: 1; display: flex; justify-content: center; align-items: center; gap: 12px; min-height: 50px; padding: 10px 16px; border: 0; border-radius: 8px; background: transparent; color: #625a57; font-weight: 700; font-size: 14px; transition: background .18s ease-out, color .18s ease-out; white-space: nowrap; }
.lab-variant-nav button span { font-size: 11px; font-weight: 400; }
.lab-variant-nav button:hover { background: #e6dacb; color: #161115; }
.lab-variant-nav button[aria-selected="true"] { background: #161115; color: #fffaf2; }
.lab-variant-nav button[aria-selected="true"] span { color: #f79586; }
.lab-concept { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; margin-top: 14px; color: #6f6865; font-size: 13px; }
.lab-concept p { margin: 0; }
.lab-concept a { flex: 0 0 auto; font-weight: 700; color: #161115; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.lab-concept a:hover, .lab-original-link:hover { color: #c92e1f; }
.lab-review-footer { display: flex; justify-content: space-between; gap: 24px; border-top: 1px solid #ddd4c9; margin-top: 48px; padding: 24px 0 32px; font-size: 12px; color: #6f6865; }
.lab-skip { position: fixed; top: -100px; left: 16px; z-index: 100; padding: 12px 16px; background: #161115; color: white !important; }
.lab-skip:focus { top: 12px; }
.lab-noscript { padding: 32px; }
.lab-page :focus-visible, .gg-lab :focus-visible, .lab-context-bar :focus-visible { outline: 3px solid #c92e1f; outline-offset: 4px; }

.gg-lab {
  --lab-ink: var(--ink, #161115); --lab-soft: #241e22; --lab-paper: var(--paper, #fffaf2);
  --lab-ivory: var(--ivory, #f5eddf); --lab-white: #fff; --lab-red: var(--red, #f0442e);
  --lab-action: var(--red-dark, #c92e1f); --lab-muted: #6f6865; --lab-line: #d9cfc3;
  --lab-control: #fffaf2; --lab-control-text: #161115; --lab-control-line: #bfb2a6;
  --lab-track: #d9cfc3; --lab-label: #514844; --lab-z-controls: 5; --lab-z-dock: 40;
  width: min(1180px, calc(100% - 48px)); margin: 48px auto 0; color: var(--lab-ink);
  font: 16px/1.5 Arial, sans-serif; outline: none; scroll-margin-top: 36px;
}
.gg-lab img, .gg-lab svg { max-width: 100%; }
.gg-lab button, .gg-lab input, .gg-lab select { font-family: inherit; }
.gg-lab button { -webkit-tap-highlight-color: transparent; }
.gg-lab [hidden] { display: none !important; }
.lab-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 56px; margin-bottom: 36px; }
.lab-section-heading > div { flex: 1 1 55%; }
.lab-eyebrow { margin: 0 0 14px; color: var(--lab-action); font-size: 11px; letter-spacing: .08em; font-weight: 800; text-transform: uppercase; }
.lab-section-heading h1, .lab-section-heading h2 { margin: 0; font-size: 54px; font-weight: 800; line-height: 1.02; letter-spacing: -.035em; text-wrap: balance; }
.lab-section-heading > p { flex: 1 1 45%; max-width: 440px; margin: 0 0 3px; color: var(--lab-muted); font-size: 15px; line-height: 1.6; text-wrap: pretty; }
.lab-workspace { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 40px; align-items: start; }
.lab-form-home, .lab-output { min-width: 0; }
.lab-controls { margin: 0; }
.lab-controls-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 26px; }
.lab-controls-heading h3 { margin: 0; font-size: 16px; line-height: 1.4; font-weight: 700; }
.lab-reset { display: grid; place-items: center; flex: 0 0 auto; width: 44px; height: 44px; padding: 10px; border: 1px solid var(--lab-control-line); border-radius: 8px; color: inherit; background: transparent; }
.lab-reset:hover { border-color: var(--lab-red); color: var(--lab-red); }
.lab-controls-body { display: flex; flex-direction: column; gap: 28px; }
.lab-control-section { min-width: 0; display: flex; flex-direction: column; gap: 20px; border: 0; padding: 0; margin: 0; }
.lab-control-section > legend:not(.lab-sr) { padding: 0; margin-bottom: 12px; font-size: 13px; font-weight: 700; color: var(--lab-label); }
.lab-field { min-width: 0; display: flex; flex-direction: column; gap: 9px; }
.lab-field > span, .lab-field-top label { font-size: 13px; font-weight: 700; line-height: 1.45; color: var(--lab-label); }
.lab-field select { width: 100%; max-width: 100%; min-height: 60px; border: 1px solid var(--lab-control-line); border-radius: 8px; padding: 13px 38px 13px 16px; background: var(--lab-control); color: var(--lab-control-text); font-size: 15px; font-weight: 600; cursor: pointer; text-overflow: ellipsis; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238d7e79' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; }
.lab-field select:hover { border-color: var(--lab-red); }
.lab-field-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 4px; }
.lab-field-top label { max-width: 160px; }
.lab-field-top input { width: 140px; min-width: 0; min-height: 48px; padding: 6px 8px; border: 1px solid transparent; border-radius: 6px; text-align: right; color: inherit; background: transparent; font-size: 26px; line-height: 1.2; font-weight: 700; font-variant-numeric: tabular-nums; appearance: textfield; -moz-appearance: textfield; }
.lab-field-top input::-webkit-inner-spin-button, .lab-field-top input::-webkit-outer-spin-button { appearance: none; margin: 0; }
.lab-field-top input:hover { border-color: var(--lab-control-line); }
.lab-field-top input:focus { border-color: var(--lab-red); background: var(--lab-control); color: var(--lab-control-text); }
.lab-field-top input[name="touches"] { width: 64px; }
.lab-field-top input[aria-invalid="true"] { border-color: var(--lab-red); }
.lab-range { --range-progress: 0%; display: block; width: 100%; height: 36px; padding: 0; margin: 0; appearance: none; background: transparent; cursor: pointer; accent-color: var(--lab-action); }
.lab-range::-webkit-slider-runnable-track { height: 4px; border-radius: 4px; background: linear-gradient(to right, var(--lab-red) var(--range-progress), var(--lab-track) var(--range-progress)); }
.lab-range::-webkit-slider-thumb { width: 23px; height: 23px; margin-top: -9.5px; border: 3px solid var(--lab-red); border-radius: 50%; background: var(--lab-control); appearance: none; }
.lab-range::-moz-range-track { height: 4px; border-radius: 4px; background: var(--lab-track); }
.lab-range::-moz-range-progress { height: 4px; background: var(--lab-red); }
.lab-range::-moz-range-thumb { width: 19px; height: 19px; border: 3px solid var(--lab-red); border-radius: 50%; background: var(--lab-control); }
.lab-range-scale { display: flex; justify-content: space-between; color: var(--lab-label); font-size: 11px; }
.lab-field-error { display: block; margin-top: 6px; color: var(--lab-action); font-size: 12px; line-height: 1.4; }
.lab-field-error:empty { display: none; }
.lab-price-toggle { display: flex; gap: 6px; }
.lab-price-toggle label { position: relative; min-width: 0; flex: 1; cursor: pointer; }
.lab-price-toggle input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.lab-price-toggle span { min-height: 54px; display: flex; align-items: center; justify-content: center; padding: 10px 12px; border: 1px solid var(--lab-control-line); border-radius: 8px; font-size: 13px; font-weight: 700; line-height: 1.4; white-space: nowrap; color: var(--lab-label); }
.lab-price-toggle input:checked + span { border-color: var(--lab-action); color: var(--lab-action); background: rgba(240,68,46,.07); }
.lab-price-toggle label:hover span { border-color: var(--lab-red); }
.lab-price-toggle input:focus-visible + span { outline: 3px solid var(--lab-red); outline-offset: 3px; }
.lab-model-note { margin: -8px 0 0; color: var(--lab-label); font-size: 12px; line-height: 1.5; }
.lab-output { scroll-margin-top: 36px; }
.lab-result-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 28px; font-size: 14px; font-weight: 700; }
.lab-model-badge { padding: 5px 9px; border: 1px solid currentColor; border-radius: 5px; font-size: 10px; font-weight: 400; opacity: .8; white-space: nowrap; }
.lab-romi { margin-bottom: 30px; }
.lab-romi > span:first-child { display: block; font-size: 13px; color: var(--lab-label); }
.lab-romi > strong { display: block; margin: 7px 0 11px; font-size: 80px; line-height: 1; letter-spacing: -.04em; font-weight: 700; font-variant-numeric: tabular-nums; }
.lab-percent { font-size: .55em; margin-left: 3px; letter-spacing: -.02em; }
.lab-romi-caption { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--lab-label); }
.lab-romi-caption::before { content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background: var(--lab-red); }
.lab-result-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding: 24px 0; border-top: 1px solid var(--lab-control-line); }
.lab-metric { min-width: 0; }
.lab-metric-label { display: block; margin-bottom: 10px; color: var(--lab-label); font-size: 12px; line-height: 1.5; }
.lab-metric > strong { display: block; font-size: 34px; line-height: 1.15; letter-spacing: -.025em; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.lab-secondary-pair .lab-metric > strong { font-size: 28px; }
.lab-funding { border-top: 1px solid var(--lab-control-line); border-bottom: 1px solid var(--lab-control-line); }
.lab-funding summary { display: flex; align-items: center; gap: 16px; min-height: 66px; list-style: none; cursor: pointer; }
.lab-funding summary::-webkit-details-marker { display: none; }
.lab-funding summary > span:first-child { font-size: 13px; color: var(--lab-label); }
.lab-funding summary > strong { margin-left: auto; font-size: 21px; white-space: nowrap; letter-spacing: -.02em; }
.lab-disclosure-icon { width: 24px; font-size: 23px; line-height: 1; text-align: right; }
.lab-funding[open] .lab-disclosure-icon { transform: rotate(45deg); }
.lab-funding p { margin: 0; padding: 0 32px 20px 0; font-size: 12px; line-height: 1.6; color: var(--lab-label); }
.lab-insight { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 12px; align-items: start; margin-top: 26px; }
.lab-insight-icon { color: var(--lab-red); padding-top: 1px; }
.lab-insight h4 { margin: 0 0 7px; font-size: 13px; line-height: 1.4; font-weight: 700; text-wrap: balance; }
.lab-insight p { margin: 0; color: var(--lab-label); font-size: 12px; line-height: 1.6; }
.lab-button { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid transparent; border-radius: 7px; padding: 11px 15px; font-size: 13px; line-height: 1.3; font-weight: 700; white-space: nowrap; text-decoration: none; transition: background .18s ease-out, border-color .18s ease-out; }
.lab-button svg { flex: 0 0 auto; width: 17px; height: 17px; }
.lab-button-primary { background: var(--lab-action); color: white; }
.lab-button-primary:hover { background: #a72419; }
.lab-button-primary:active { background: #8a1e15; }
.lab-button-insight, .lab-button-quiet { border-color: var(--lab-control-line); color: inherit; background: transparent; }
.lab-button-insight:hover, .lab-button-quiet:hover { border-color: var(--lab-red); }
.lab-button:disabled { cursor: default; opacity: .4; }
.lab-source-note { max-width: 82ch; margin: 22px 0 0; color: var(--lab-muted); font-size: 11px; line-height: 1.6; }
.lab-input-warning { margin-bottom: 20px; padding: 16px 20px; border: 1px solid var(--lab-action); border-radius: 8px; color: var(--lab-action); font-size: 14px; }
.lab-output[data-invalid="true"] { opacity: .55; }
.gg-lab :is(input, select, button, summary) { scroll-margin-top: 160px; scroll-margin-bottom: 120px; }
.lab-rs-note { padding: 18px 0; border-block: 1px solid var(--lab-control-line); color: var(--lab-label); font-size: 12px; line-height: 1.6; }
.lab-sr { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.lab-empty { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 380px; padding: 32px; border: 1px dashed var(--lab-control-line); border-radius: 12px; }
.lab-empty-symbol { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 20px; color: var(--lab-red); }
.lab-empty h3 { max-width: 24ch; margin: 0 0 14px; font-size: 26px; line-height: 1.2; letter-spacing: -.025em; }
.lab-empty p { max-width: 45ch; margin: 0 0 24px; color: var(--lab-label); font-size: 14px; line-height: 1.6; }

/* 01 — one continuous dark panel, close to the existing website. */
.gg-lab[data-variant="1"] .lab-workspace { padding: 32px; gap: 44px; border-radius: 16px; background: var(--lab-ink); color: var(--lab-paper); }
.gg-lab[data-variant="1"] .lab-workspace, .gg-lab[data-variant="3"] .lab-output, .gg-lab[data-variant="4"] .lab-form-home { --lab-control: #2c242a; --lab-control-text: #fffaf2; --lab-control-line: #554a50; --lab-track: #554a50; --lab-label: #cfc4c8; }
.gg-lab[data-variant="1"] .lab-form-home { padding-right: 32px; border-right: 1px solid #42373d; }
.gg-lab[data-variant="1"] .lab-romi strong, .gg-lab[data-variant="3"] .lab-romi strong { color: #fffaf2; }
.gg-lab[data-variant="1"] .lab-price-toggle input:checked + span, .gg-lab[data-variant="4"] .lab-price-toggle input:checked + span { color: #ffab9f; border-color: #f0442e; background: rgba(240,68,46,.12); }
.gg-lab[data-variant="1"] .lab-field-error, .gg-lab[data-variant="4"] .lab-field-error { color: #ffab9f; }
.gg-lab[data-variant="1"] .lab-insight, .gg-lab[data-variant="3"] .lab-insight { grid-template-columns: 24px minmax(0,1fr); }
.gg-lab[data-variant="1"] .lab-button-insight, .gg-lab[data-variant="3"] .lab-button-insight { grid-column: 2; justify-self: start; margin-top: 4px; }
.gg-lab[data-variant="1"] .lab-output .lab-button-primary, .gg-lab[data-variant="3"] .lab-output .lab-button-primary { --lab-action: #c92e1f; }

/* 02 — a wide parameter ribbon, followed by a typographic results strip. */
.gg-lab[data-variant="2"] .lab-workspace { display: block; }
.gg-lab[data-variant="2"] .lab-form-home { position: sticky; top: 16px; z-index: var(--lab-z-controls); padding: 24px 28px; border: 1px solid var(--lab-line); border-radius: 12px; background: var(--lab-ivory); }
.gg-lab[data-variant="2"] .lab-controls-heading { margin-bottom: 18px; }
.gg-lab[data-variant="2"] .lab-controls-body { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 28px; }
.gg-lab[data-variant="2"] .lab-geography, .gg-lab[data-variant="2"] .lab-audience { display: grid; grid-template-columns: 1fr 1.25fr; gap: 20px; align-content: start; }
.gg-lab[data-variant="2"] .lab-audience { grid-template-columns: 1fr 1fr; }
.gg-lab[data-variant="2"] .lab-pricing { grid-column: 1/-1; display: grid; grid-template-columns: 340px 1fr; gap: 0 28px; align-items: center; }
.gg-lab[data-variant="2"] .lab-pricing legend { font-size: 12px; margin-bottom: 9px; }
.gg-lab[data-variant="2"] .lab-model-note { margin: 0; }
.gg-lab[data-variant="2"] .lab-field-top { align-items: flex-start; }
.gg-lab[data-variant="2"] .lab-field-top label { max-width: 95px; font-size: 12px; }
.gg-lab[data-variant="2"] .lab-field-top input { width: 112px; min-height: 35px; font-size: 22px; padding-top: 0; }
.gg-lab[data-variant="2"] .lab-field-top input[name="touches"] { width: 40px; }
.gg-lab[data-variant="2"] .lab-output { margin-top: 32px; }
.lab-metric-strip { display: grid; grid-template-columns: 1.15fr 1.1fr 1fr 1fr; padding: 8px 0 24px; border-bottom: 1px solid var(--lab-line); }
.lab-metric-strip .lab-metric { display: flex; flex-direction: column; justify-content: space-between; padding: 20px 24px; border-right: 1px solid var(--lab-line); }
.lab-metric-strip .lab-metric:first-child { padding-left: 0; }
.lab-metric-strip .lab-metric:last-child { border: 0; padding-right: 0; }
.lab-metric-strip .lab-metric-label { margin-bottom: 18px; }
.lab-metric-strip .lab-metric > strong { font-size: 39px; }
.lab-metric-strip .lab-strip-focus { padding: 20px 24px; border: 0; border-radius: 10px; color: var(--lab-paper); background: var(--lab-ink); }
.lab-strip-focus .lab-metric-label { color: #cfc4c8; }
.lab-strip-bottom { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px 0; font-size: 13px; color: var(--lab-muted); }
.lab-strip-bottom strong { margin-left: 14px; color: var(--lab-ink); font-size: 20px; }
.gg-lab[data-variant="2"] .lab-funding { border-top: 0; }
.gg-lab[data-variant="2"] .lab-insight { padding: 24px; margin-top: 24px; background: var(--lab-ivory); border-radius: 10px; }

/* 03 — the form is a real three-step flow; results remain visible. */
.gg-lab[data-variant="3"] .lab-workspace { grid-template-columns: 1fr 1fr; gap: 24px; }
.gg-lab[data-variant="3"] .lab-form-home { position: sticky; top: 24px; padding: 28px; border: 1px solid var(--lab-line); border-radius: 12px; background: #fff; }
.gg-lab[data-variant="3"] .lab-output { padding: 30px; border-radius: 12px; background: var(--lab-ink); color: var(--lab-paper); }
.lab-steps { display: flex; gap: 8px; padding-bottom: 26px; margin-bottom: 24px; border-bottom: 1px solid var(--lab-line); }
.lab-steps button { flex: 1; display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 4px; border: 0; background: transparent; color: var(--lab-muted); font-size: 12px; font-weight: 700; }
.lab-steps button > span { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 auto; border: 1px solid var(--lab-line); border-radius: 50%; font-size: 12px; }
.lab-steps button[aria-current="step"] { color: var(--lab-action); }
.lab-steps button[aria-current="step"] > span { color: #fff; border-color: var(--lab-action); background: var(--lab-action); }
.gg-lab[data-variant="3"] .lab-controls-body { min-height: 282px; }
.gg-lab[data-variant="3"] .lab-control-section { gap: 24px; }
.lab-step-footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 24px; margin-top: 16px; border-top: 1px solid var(--lab-line); }
.lab-step-counter { color: var(--lab-muted); font-size: 11px; white-space: nowrap; }
.gg-lab[data-variant="3"] .lab-output .lab-metric > strong { font-size: 30px; }
.gg-lab[data-variant="3"] .lab-result-heading { flex-wrap: wrap; }

/* 04 — a financial balance, with controls on a compact dark rail. */
.gg-lab[data-variant="4"] .lab-workspace { grid-template-columns: 330px minmax(0,1fr); gap: 40px; }
.gg-lab[data-variant="4"] .lab-form-home { padding: 26px; border-radius: 12px; background: var(--lab-ink); color: var(--lab-paper); }
.gg-lab[data-variant="4"] .lab-output { padding: 12px 0; }
.lab-balance-totals { display: grid; grid-template-columns: 1fr 24px 1fr; gap: 20px; align-items: end; margin: 34px 0 28px; }
.lab-balance-totals .lab-metric > strong { font-size: 40px; }
.lab-balance-totals .lab-metric:last-child { text-align: right; }
.lab-balance-minus { padding-bottom: 7px; font-size: 30px; color: var(--lab-muted); }
.lab-balance-bars { display: flex; flex-direction: column; gap: 13px; }
.lab-balance-bars > div { display: flex; align-items: center; gap: 16px; }
.lab-balance-bars span { width: 52px; flex: 0 0 auto; font-size: 11px; color: var(--lab-muted); }
.lab-balance-bars > div > div { flex: 1; min-width: 0; height: 8px; background: #ebe2d7; border-radius: 2px; }
.lab-balance-bars i { display: block; height: 100%; border-radius: 2px; background: var(--lab-red); }
.lab-balance-bars > div:last-child i { background: var(--lab-ink); }
.lab-balance-net { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px; margin-top: 28px; background: #f4e5d9; border-radius: 10px; }
.lab-balance-net span { max-width: 16ch; font-size: 14px; }
.lab-balance-net strong { min-width: 0; flex: 1; text-align: right; font-size: 36px; letter-spacing: -.035em; white-space: nowrap; }
.lab-balance-ratios { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; padding: 28px 0; border-bottom: 1px solid var(--lab-line); }
.lab-balance-ratios .lab-metric > strong { font-size: 28px; }
.lab-ledger-row { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 21px 0; font-size: 13px; }
.lab-ledger-row strong { font-size: 20px; }
.gg-lab[data-variant="4"] .lab-insight { padding-top: 8px; }

/* 05 — a time-based view, derived from the unchanged cohort model. */
.gg-lab[data-variant="5"] .lab-workspace { display: flex; flex-direction: column; gap: 32px; }
.gg-lab[data-variant="5"] .lab-form-home { width: 100%; padding: 24px 28px; border: 1px solid var(--lab-line); border-radius: 12px; background: var(--lab-white); }
.gg-lab[data-variant="5"] .lab-controls-heading { margin-bottom: 20px; }
.gg-lab[data-variant="5"] .lab-controls-body { display: grid; grid-template-columns: 1.35fr 1.25fr .85fr; gap: 32px; }
.gg-lab[data-variant="5"] .lab-field select { min-height: 54px; }
.gg-lab[data-variant="5"] .lab-pricing { justify-content: flex-start; }
.gg-lab[data-variant="5"] .lab-price-toggle { flex-direction: column; }
.gg-lab[data-variant="5"] .lab-price-toggle span { justify-content: flex-start; padding: 12px 16px; }
.gg-lab[data-variant="5"] .lab-pricing legend { margin-bottom: 12px; }
.gg-lab[data-variant="5"] .lab-model-note { margin: 0; }
.gg-lab[data-variant="5"] .lab-output { width: 100%; }
.lab-forecast-top { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 24px; margin-bottom: 28px; }
.lab-forecast-top .lab-metric { padding: 8px 24px 8px 0; border-right: 1px solid var(--lab-line); }
.lab-forecast-top .lab-metric:last-child { border: 0; }
.lab-forecast-top .lab-metric > strong { font-size: 44px; }
.lab-forecast-romi strong { color: var(--lab-action); }
.lab-chart { border: 1px solid var(--lab-line); padding: 24px 28px 0; border-radius: 12px; background: var(--lab-white); }
.lab-chart-header { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 22px; }
.lab-chart-header h3 { margin: 0; font-size: 17px; font-weight: 700; }
.lab-chart-legend { display: flex; flex-wrap: wrap; gap: 18px; color: var(--lab-muted); font-size: 11px; }
.lab-chart-legend span { display: flex; align-items: center; gap: 8px; }
.lab-chart-legend i { width: 18px; height: 3px; background: var(--lab-red); }
.lab-chart-legend span:last-child i { height: 0; border-top: 2px dashed var(--lab-ink); background: transparent; }
.lab-chart > svg { display: block; width: 100%; height: auto; overflow: visible; font: 12px Arial, sans-serif; fill: var(--lab-muted); }
.lab-chart-grid { stroke: #eae2db; stroke-width: 1; }
.lab-chart-area { fill: rgba(240,68,46,.07); }
.lab-chart-ngr { fill: none; stroke: var(--lab-red); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.lab-chart-cost { fill: none; stroke: var(--lab-ink); stroke-width: 2; stroke-dasharray: 6 5; }
.lab-chart-dot { fill: var(--lab-red); stroke: #fff; stroke-width: 2; }
.lab-chart-table { border-top: 1px solid var(--lab-line); }
.lab-chart-table summary { display: flex; justify-content: space-between; align-items: center; min-height: 58px; padding: 14px 0; list-style: none; color: var(--lab-muted); font-size: 12px; cursor: pointer; }
.lab-chart-table summary::-webkit-details-marker { display: none; }
.lab-chart-table summary span { font-size: 22px; }
.lab-chart-table[open] summary span { transform: rotate(45deg); }
.lab-chart-table table { width: 100%; border-collapse: collapse; font-size: 13px; margin-bottom: 20px; }
.lab-chart-table th, .lab-chart-table td { padding: 12px 8px; text-align: right; border-top: 1px solid #eae2db; font-variant-numeric: tabular-nums; }
.lab-chart-table th:first-child { text-align: left; }
.lab-chart-table thead th { color: var(--lab-muted); font-size: 12px; font-weight: 400; }
.lab-forecast-bottom { display: grid; grid-template-columns: 1fr 1fr 1.3fr; gap: 24px; align-items: start; margin-top: 24px; }
.lab-forecast-bottom .lab-metric > strong { font-size: 26px; }
.lab-forecast-bottom .lab-funding { padding: 0; border: 0; }
.lab-forecast-bottom .lab-funding summary { min-height: 58px; flex-wrap: wrap; gap: 4px 12px; }
.lab-forecast-bottom .lab-funding summary > span:first-child { width: 100%; font-size: 12px; }
.lab-forecast-bottom .lab-funding summary > strong { margin: 0 auto 0 0; font-size: 26px; }
.lab-forecast-bottom .lab-funding p { padding-top: 14px; }
.gg-lab[data-variant="5"] .lab-insight { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--lab-line); }

/* Mobile settings use the same form in a native dialog, not duplicated inputs. */
.lab-mobile-dock { position: fixed; z-index: var(--lab-z-dock); left: 12px; right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); display: flex; align-items: center; justify-content: space-between; gap: 12px; max-width: 600px; margin-inline: auto; padding: 12px 14px; border: 1px solid #554a50; border-radius: 12px; color: #fffaf2; background: #161115; }
.lab-mobile-dock > div { min-width: 0; }
.lab-dock-context { display: block; max-width: 40ch; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; color: #cfc4c8; }
.lab-dock-value { display: block; font-size: 16px; line-height: 1.3; }
.lab-mobile-dock .lab-button { flex: 0 0 auto; padding: 12px; }
.lab-sheet { --lab-control: #fffaf2; --lab-control-text: #161115; --lab-control-line: #bfb2a6; --lab-track: #d9cfc3; --lab-label: #514844; position: fixed; inset: auto 0 0; width: min(100%, 600px); max-width: 600px; max-height: calc(100dvh - 24px); margin: auto auto 0; padding: 0; border: 0; border-radius: 16px 16px 0 0; overflow: auto; background: #fffaf2; color: #161115; }
.lab-sheet::backdrop { background: rgba(22,17,21,.65); }
.lab-sheet-heading { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 22px; border-bottom: 1px solid #d9cfc3; background: #fffaf2; }
.lab-sheet-heading h2 { margin: 0; font-size: 19px; line-height: 1.3; letter-spacing: -.02em; }
.lab-sheet-close { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 auto; padding: 10px; border: 1px solid #bfb2a6; border-radius: 8px; color: #161115; background: transparent; }
.lab-sheet-body { padding: 22px; }
.lab-sheet .lab-controls-heading { display: none; }
.lab-sheet .lab-controls { color: #161115; }
.lab-sheet .lab-controls-body { display: flex !important; flex-direction: column !important; gap: 26px !important; min-height: 0 !important; }
.lab-sheet .lab-control-section { display: flex !important; flex-direction: column !important; gap: 22px !important; }
.lab-sheet [hidden] { display: none !important; }
.lab-sheet .lab-field-error { color: var(--lab-action) !important; }
.lab-sheet .lab-price-toggle { flex-direction: row !important; }
.lab-sheet .lab-price-toggle input:checked + span { color: #c92e1f !important; background: rgba(240,68,46,.07) !important; }
.lab-sheet .lab-price-toggle span { justify-content: center !important; }
.lab-sheet .lab-model-note { margin: -7px 0 0 !important; }
.lab-sheet-footer { position: sticky; bottom: 0; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 22px max(16px, env(safe-area-inset-bottom)); border-top: 1px solid #d9cfc3; background: #fffaf2; }
.lab-sheet-result { font-size: 13px; font-weight: 700; }
.lab-dialog-open { overflow: hidden; }

/* Context previews keep all original site sections and brand assets. */
.lab-context-bar { position: sticky; top: 0; z-index: 70; min-height: 48px; display: flex; align-items: center; justify-content: center; gap: 20px; padding: 6px 20px; background: #161115; color: #fffaf2; font: 12px/1.4 Arial,sans-serif; }
.lab-context-bar > a { color: #fffaf2; text-decoration: none; font-weight: 700; white-space: nowrap; }
.lab-context-bar > span { color: #cfc4c8; }
.lab-context-variants { display: flex; gap: 4px; }
.lab-context-variants a { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 7px 10px; border-radius: 5px; color: #cfc4c8; text-decoration: none; }
.lab-context-variants a[aria-current="page"] { background: #c92e1f; color: #fff; }
body[data-context-preview] .site-header { top: 48px; }
body[data-context-preview] .gg-lab { width: 100%; margin-top: 0; scroll-margin-top: 150px; }
body[data-context-preview] .lab-output { scroll-margin-top: 160px; }
body[data-context-preview] .gg-lab[data-variant="2"] .lab-form-home, body[data-context-preview] .gg-lab[data-variant="3"] .lab-form-home { top: 145px; }
body[data-context-preview] .lab-page { font-family: Arial,sans-serif; }

@media (min-width: 761px) { .lab-mobile-dock { display: none; } }
@media (max-width: 1100px) {
  .lab-section-heading h1, .lab-section-heading h2 { font-size: 48px; }
  .lab-workspace { grid-template-columns: 310px minmax(0,1fr); gap: 28px; }
  .gg-lab[data-variant="1"] .lab-workspace { padding: 26px; grid-template-columns: 290px minmax(0,1fr); gap: 28px; }
  .gg-lab[data-variant="1"] .lab-form-home { padding-right: 24px; }
  .lab-metric > strong { font-size: 29px; }
  .lab-result-pair { gap: 16px; }
  .lab-insight { grid-template-columns: 24px minmax(0,1fr); }
  .lab-insight .lab-button { grid-column: 2; justify-self: start; }
  .gg-lab[data-variant="2"] .lab-controls-body { grid-template-columns: 1.2fr 1fr; }
  .gg-lab[data-variant="2"] .lab-geography { grid-template-columns: 1fr; gap: 14px; }
  .gg-lab[data-variant="2"] .lab-audience { grid-template-columns: 1fr; gap: 14px; }
  .gg-lab[data-variant="2"] .lab-field-top label { max-width: 160px; }
  .lab-metric-strip .lab-metric { padding-inline: 16px; }
  .lab-metric-strip .lab-metric > strong { font-size: 31px; }
  .gg-lab[data-variant="3"] .lab-workspace { grid-template-columns: .95fr 1fr; gap: 20px; }
  .gg-lab[data-variant="3"] .lab-form-home, .gg-lab[data-variant="3"] .lab-output { padding: 24px; }
  .lab-steps { gap: 2px; }
  .lab-steps button { flex-direction: column; font-size: 11px; }
  .lab-step-counter { display: none; }
  .gg-lab[data-variant="3"] .lab-result-pair { grid-template-columns: 1fr; gap: 22px; }
  .gg-lab[data-variant="4"] .lab-workspace { grid-template-columns: 300px minmax(0,1fr); gap: 28px; }
  .lab-balance-totals { gap: 12px; }
  .lab-balance-totals .lab-metric > strong { font-size: 31px; }
  .lab-balance-net { padding: 20px; }
  .lab-balance-net strong { font-size: 30px; }
  .lab-balance-ratios .lab-metric > strong { font-size: 23px; }
  .lab-balance-ratios .lab-metric-label { font-size: 11px; }
  .gg-lab[data-variant="5"] .lab-controls-body { gap: 24px; grid-template-columns: 1.3fr 1.2fr .8fr; }
  .gg-lab[data-variant="5"] .lab-price-toggle span { padding-inline: 10px; font-size: 12px; }
  .lab-context-bar { gap: 12px; }
  .lab-context-variants a span { display: none; }
}
@media (max-width: 760px) {
  .lab-site-header { min-height: 68px; padding: 14px 20px; }
  .lab-header-caption { display: none; }
  .lab-original-link { font-size: 11px; gap: 8px; }
  .lab-logo img { width: 128px; }
  .lab-review, .lab-review-footer, .gg-lab { width: calc(100% - 32px); }
  .lab-review { padding-top: 22px; }
  .lab-review-caption { font-size: 12px; gap: 12px; }
  .lab-review-count { font-size: 11px; }
  .lab-variant-nav { overflow-x: auto; overscroll-behavior-x: contain; gap: 4px; padding: 4px; scrollbar-width: thin; }
  .lab-variant-nav button { min-height: 48px; min-width: 103px; padding: 10px 12px; gap: 8px; font-size: 13px; }
  .lab-variant-nav button span { font-size: 10px; }
  .lab-concept { flex-direction: column; align-items: flex-start; gap: 10px; margin-top: 14px; font-size: 12px; }
  .lab-concept a { min-height: 36px; display: inline-flex; align-items: center; gap: 6px; }
  .gg-lab { margin-top: 30px; padding-bottom: 76px; }
  .lab-section-heading { display: block; margin-bottom: 28px; }
  .lab-section-heading h1, .lab-section-heading h2 { font-size: 40px; letter-spacing: -.035em; line-height: 1.03; }
  .lab-eyebrow { margin-bottom: 13px; font-size: 10px; }
  .lab-section-heading > p { margin-top: 20px; font-size: 14px; line-height: 1.65; }
  .lab-workspace, .gg-lab[data-variant="1"] .lab-workspace, .gg-lab[data-variant="3"] .lab-workspace, .gg-lab[data-variant="4"] .lab-workspace { display: flex; flex-direction: column; gap: 28px; }
  .lab-form-home, .lab-output { width: 100%; }
  .gg-lab[data-variant="1"] .lab-workspace { padding: 22px; gap: 32px; border-radius: 12px; }
  .gg-lab[data-variant="1"] .lab-form-home { padding-right: 0; border-right: 0; }
  .gg-lab[data-variant="1"] .lab-output { border-top: 1px solid #554a50; padding-top: 26px; }
  .lab-controls-heading { margin-bottom: 24px; }
  .lab-controls-heading h3 { font-size: 17px; }
  .lab-controls-body { gap: 28px; }
  .lab-field > span, .lab-field-top label, .lab-control-section > legend:not(.lab-sr) { font-size: 14px; }
  .lab-field select { min-height: 62px; font-size: 16px; padding-left: 14px; }
  .lab-field-top { gap: 8px; }
  .lab-field-top input { width: 124px; padding-inline: 5px; font-size: 25px; }
  .lab-field-top label { max-width: 155px; }
  .lab-range { height: 44px; }
  .lab-range::-webkit-slider-thumb { width: 26px; height: 26px; margin-top: -11px; }
  .lab-range-scale { font-size: 12px; }
  .lab-price-toggle span { min-height: 58px; font-size: 14px; }
  .lab-model-note { font-size: 13px; line-height: 1.6; }
  .lab-result-heading { align-items: flex-start; gap: 10px; flex-wrap: wrap; font-size: 14px; }
  .lab-model-badge { font-size: 11px; }
  .lab-romi > strong { font-size: 74px; }
  .lab-romi > span:first-child, .lab-romi-caption, .lab-metric-label { font-size: 13px; }
  .lab-result-pair { gap: 16px; padding: 23px 0; }
  .lab-metric > strong { font-size: 28px; }
  .lab-secondary-pair .lab-metric > strong { font-size: 26px; }
  .lab-funding summary { min-height: 72px; gap: 9px; }
  .lab-funding summary > span:first-child { font-size: 13px; }
  .lab-funding summary > strong { font-size: 23px; }
  .lab-funding p, .lab-rs-note { font-size: 13px; }
  .lab-insight { grid-template-columns: 22px minmax(0,1fr); margin-top: 24px; gap: 10px; }
  .lab-insight h4 { font-size: 14px; }
  .lab-insight p { font-size: 13px; }
  .lab-insight .lab-button { margin-top: 8px; min-height: 48px; font-size: 14px; }
  .lab-source-note { font-size: 12px; margin-top: 22px; line-height: 1.65; }
  .lab-review-footer { margin-top: 0; padding-top: 24px; flex-direction: column; gap: 7px; font-size: 12px; }
  .gg-lab[data-variant="2"] .lab-form-home, .gg-lab[data-variant="3"] .lab-form-home { position: static; padding: 22px; }
  .gg-lab[data-variant="2"] .lab-controls-body, .gg-lab[data-variant="2"] .lab-geography, .gg-lab[data-variant="2"] .lab-audience, .gg-lab[data-variant="2"] .lab-pricing { display: flex; flex-direction: column; gap: 24px; }
  .gg-lab[data-variant="2"] .lab-pricing legend { font-size: 14px; }
  .gg-lab[data-variant="2"] .lab-field-top { align-items: center; }
  .gg-lab[data-variant="2"] .lab-field-top label { max-width: 155px; font-size: 14px; }
  .gg-lab[data-variant="2"] .lab-field-top input { min-height: 48px; font-size: 25px; width: 124px; padding-top: 6px; }
  .gg-lab[data-variant="2"] .lab-output { margin-top: 0; }
  .lab-metric-strip { grid-template-columns: 1fr 1fr; gap: 26px 16px; padding: 0 0 26px; }
  .lab-metric-strip .lab-metric, .lab-metric-strip .lab-metric:first-child, .lab-metric-strip .lab-metric:last-child { min-height: 96px; padding: 12px; border: 0; }
  .lab-metric-strip .lab-metric-label { font-size: 12px; margin-bottom: 16px; }
  .lab-metric-strip .lab-metric > strong { font-size: 29px; }
  .lab-metric-strip .lab-strip-focus { padding: 16px 12px; }
  .lab-strip-bottom { align-items: flex-start; flex-direction: column; gap: 12px; font-size: 13px; }
  .gg-lab[data-variant="2"] .lab-insight { padding: 22px; }
  .gg-lab[data-variant="3"] .lab-controls-body { min-height: 270px; }
  .lab-steps { gap: 7px; }
  .lab-steps button { flex-direction: row; gap: 7px; font-size: 11px; padding: 4px 0; }
  .lab-steps button > span { width: 25px; height: 25px; font-size: 11px; }
  .lab-step-footer .lab-button { min-height: 50px; }
  .gg-lab[data-variant="3"] .lab-output { padding: 24px; }
  .gg-lab[data-variant="3"] .lab-result-pair { grid-template-columns: 1fr 1fr; }
  .gg-lab[data-variant="3"] .lab-output .lab-metric > strong { font-size: 26px; }
  .gg-lab[data-variant="4"] .lab-form-home { padding: 24px; }
  .gg-lab[data-variant="4"] .lab-output { padding: 0 4px; }
  .lab-balance-totals { margin-top: 28px; gap: 8px; grid-template-columns: 1fr 18px 1fr; }
  .lab-balance-totals .lab-metric > strong { font-size: 31px; }
  .lab-balance-totals .lab-metric-label { font-size: 12px; }
  .lab-balance-minus { font-size: 24px; }
  .lab-balance-net { padding: 20px; gap: 12px; }
  .lab-balance-net strong { font-size: 30px; }
  .lab-balance-net span { font-size: 13px; }
  .lab-balance-ratios { gap: 12px; }
  .lab-balance-ratios .lab-metric-label { font-size: 11px; }
  .lab-balance-ratios .lab-metric > strong { font-size: 25px; }
  .gg-lab[data-variant="5"] .lab-form-home { padding: 22px; }
  .gg-lab[data-variant="5"] .lab-controls-body { display: flex; gap: 28px; }
  .gg-lab[data-variant="5"] .lab-field select { min-height: 62px; }
  .gg-lab[data-variant="5"] .lab-price-toggle { flex-direction: row; }
  .gg-lab[data-variant="5"] .lab-price-toggle span { justify-content: center; font-size: 14px; }
  .lab-forecast-top { grid-template-columns: 1fr 1fr; gap: 24px; }
  .lab-forecast-top .lab-metric { padding: 0; border: 0; }
  .lab-forecast-top .lab-metric:first-child { grid-column: 1/-1; padding-bottom: 22px; border-bottom: 1px solid var(--lab-line); }
  .lab-forecast-top .lab-metric > strong { font-size: 38px; }
  .lab-forecast-top .lab-metric:first-child > strong { font-size: 47px; }
  .lab-chart { padding: 22px 12px 0; border-radius: 10px; }
  .lab-chart-header { align-items: flex-start; flex-direction: column; gap: 14px; padding-inline: 8px; margin-bottom: 16px; }
  .lab-chart-header h3 { font-size: 16px; }
  .lab-chart-legend { gap: 10px; font-size: 12px; }
  .lab-chart > svg { min-height: 190px; }
  .lab-chart-table summary { padding-inline: 8px; font-size: 13px; }
  .lab-forecast-bottom { grid-template-columns: 1fr 1fr; gap: 24px; }
  .lab-forecast-bottom .lab-metric > strong { font-size: 26px; }
  .lab-forecast-bottom .lab-funding { grid-column: 1/-1; border-block: 1px solid var(--lab-line); }
  .lab-forecast-bottom .lab-funding summary { flex-wrap: nowrap; min-height: 72px; gap: 12px; }
  .lab-forecast-bottom .lab-funding summary > span:first-child { width: auto; font-size: 13px; }
  .lab-forecast-bottom .lab-funding summary > strong { margin-left: auto; margin-right: 0; font-size: 23px; }
  .lab-context-bar { justify-content: space-between; gap: 6px; padding-inline: 10px; font-size: 11px; }
  .lab-context-bar > span, .lab-factory-context { display: none; }
  .lab-context-variants { gap: 3px; }
  .lab-context-variants a { min-width: 30px; padding: 7px; }
  body[data-context-preview] .gg-lab { padding-bottom: 76px; }
  .lab-sheet .lab-field-top input { width: 140px; }
}
@media (max-width: 375px) {
  .lab-review-caption { font-size: 11px; }
  .lab-review-count { font-size: 10px; }
  .lab-site-header { padding-inline: 16px; }
  .lab-logo img { width: 116px; }
  .lab-section-heading h1, .lab-section-heading h2 { font-size: 36px; }
  .gg-lab[data-variant="1"] .lab-workspace, .gg-lab[data-variant="3"] .lab-form-home, .gg-lab[data-variant="3"] .lab-output, .gg-lab[data-variant="4"] .lab-form-home { padding: 20px; }
  .lab-field > span, .lab-field-top label { font-size: 13px; }
  .lab-field-top input, .lab-sheet .lab-field-top input { width: 112px; font-size: 23px; }
  .lab-metric > strong, .gg-lab[data-variant="3"] .lab-output .lab-metric > strong { font-size: 24px; }
  .lab-metric-label { font-size: 12px; }
  .lab-metric-strip .lab-metric > strong { font-size: 25px; }
  .lab-balance-totals .lab-metric > strong { font-size: 26px; }
  .lab-balance-net strong { font-size: 26px; }
  .lab-balance-net { padding: 16px; }
  .lab-balance-ratios .lab-metric > strong { font-size: 22px; }
  .lab-balance-ratios .lab-metric-label { font-size: 10px; }
  .lab-steps button { flex-direction: column; }
  .lab-sheet-footer { padding-inline: 18px; }
  .lab-sheet-footer .lab-button { font-size: 12px; padding-inline: 12px; }
  .lab-sheet-result { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .gg-lab *, .lab-variant-nav button { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

/* The selected panel inherits the site's shell and header spacing. */
.gg-lab[data-calculator-panel] { width: var(--shell); margin: 0 auto; scroll-margin-top: 108px; }
.gg-lab[data-calculator-panel] .lab-output { scroll-margin-top: 110px; }
.gg-lab[data-calculator-panel] .lab-section-heading { margin-bottom: 36px; }
.gg-lab[data-calculator-panel] .lab-source-note { margin-bottom: 0; }
.gg-lab[data-calculator-panel] .lab-price-toggle [name="panel-model"] { accent-color: var(--red); }
.gg-lab[data-calculator-panel] .lab-model-badge { white-space: normal; text-align: right; }
.gg-lab[data-calculator-panel] .lab-section-heading h2 { line-height: 1.02; }
@media (max-width: 760px) {
  .gg-lab[data-calculator-panel] { padding-bottom: 76px; }
  .gg-lab[data-calculator-panel] .lab-section-heading > p { max-width: 100%; }
}
@media (max-width: 980px) {
  body[data-calculator-panel-page] .footer-grid { align-items: flex-start; flex-wrap: wrap; }
  body[data-calculator-panel-page] .footer-grid nav { width: 100%; margin-left: 0; flex-wrap: wrap; }
}
@media (max-width: 400px) {
  body[data-calculator-panel-page] .site-header { gap: 6px; }
  body[data-calculator-panel-page] .site-header .language-switcher .lang-toggle { min-width: 64px; min-height: 44px; gap: 5px; padding-inline: 8px; }
  body[data-calculator-panel-page] .product-menu summary { min-height: 44px; }
}