/* Data length protections; accepted surface and typography remain inherited. */
.demo-scope-grid>*,.demo-summary-bottom>*,.calc-proof-step,.mq-data-window .panel-inner{min-width:0}
.demo-scope-note,.demo-addon-copy,.demo-receipt,.demo-time,.demo-total,.mq-data-window p{overflow-wrap:anywhere}
.demo-payment-list{display:flex;flex-wrap:wrap;gap:12px 28px;padding-top:16px;border-top:1px solid #ffffff1c;margin-top:20px;font-size:13px;line-height:1.5}
.demo-payment-list p{margin:0;display:grid;gap:5px}
.demo-payment-list strong{font-weight:500;font-variant-numeric:tabular-nums}
#growth.calc-proof .calc-proof-document{display:block;flex:0 1 auto;max-height:60svh;overflow:auto;scrollbar-gutter:stable;overscroll-behavior:contain}
.mq-data-window{width:min(var(--mq-window-width,640px),calc(100vw - 24px))}
.mq-data-window .panel-inner{max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}

.mq-scenarios{margin-bottom:40px;max-width:800px;line-height:1.5}
.mq-scenarios label{display:grid;gap:10px}
.mq-scenarios select{width:100%;min-width:0;padding:12px 14px;border:1px solid #ffffff38;border-radius:12px;background:#242424;color:inherit;font:inherit}
.mq-scenarios>p{font-size:14px;color:var(--muted,#b8b8b8)}
.mq-scenarios>div{display:flex;gap:12px;flex-wrap:wrap}
.mq-scenarios [role=status]:empty{display:none}
#notes-dialog{width:min(var(--mq-window-width,640px),calc(100vw - 36px));max-width:calc(100vw - 36px)}
#notes-dialog .mq-window-copy p{margin:0 0 1em}
.mq-notes-opener{margin-top:20px}

#notes-dialog{overflow:hidden;max-height:calc(100dvh - var(--calculator-drawer-top,88px) - var(--calculator-drawer-top,88px))}
#notes-dialog .panel-inner{max-height:calc(100dvh - var(--calculator-drawer-top,88px) - var(--calculator-drawer-top,88px) - 2px)}
#notes-dialog .panel-top{position:sticky;top:0;z-index:4}

@media(max-width:700px),(max-height:500px){#notes-dialog[data-placement="center"]{top:var(--calculator-drawer-top,88px);bottom:auto;margin:0 auto;max-height:calc(100dvh - var(--calculator-drawer-top,88px) - 10px)}#notes-dialog .panel-inner{max-height:calc(100dvh - var(--calculator-drawer-top,88px) - 12px)}}

/* Preserve the approved price size when it fits; long values use their real owner width. */
.mq-price-owner{min-width:0;container-type:inline-size}
.mq-price-owner .demo-total{font-size:min(clamp(42px,4vw,60px),calc((100cqi - 14px)/var(--mq-price-em)))}
@media(max-width:700px){.mq-price-owner .demo-total{font-size:min(42px,calc((100cqi - 10px)/var(--mq-price-em)))}}

/* Same accepted Dock label, outside the horizontal clipping owner. */
.mq-dock-tooltip[popover]{position:fixed;inset:auto;margin:0;width:max-content;max-width:min(300px,calc(100vw - 20px));box-sizing:border-box;overflow:visible;padding:6px 11px;border:0;border-radius:999px;background:#303030;backdrop-filter:blur(12px);color:#f0f0f0;font:400 13px/20px Onest,sans-serif;white-space:normal;overflow-wrap:anywhere;letter-spacing:0;text-align:center;box-shadow:0 4px 12px -4px #0009;opacity:0;transform:translateY(5px);clip-path:inset(100% -15px -7px round 18px);transition:clip-path 120ms cubic-bezier(.22,1,.36,1),transform 120ms cubic-bezier(.22,1,.36,1),opacity 90ms;pointer-events:none}
.mq-dock-tooltip[popover].is-visible{opacity:1;transform:translateY(0);clip-path:inset(-10px -15px -7px round 18px);transition-duration:180ms,180ms,90ms}
.mq-dock-tooltip[popover]::after{content:'';position:absolute;left:var(--mq-tip-anchor);bottom:-5px;width:8px;height:5px;transform:translateX(-50%);background:#303030;border:0;clip-path:polygon(0 0,100% 0,50% 100%)}
.mq-dock-tooltip[popover][data-below=true]::after{top:-5px;bottom:auto;transform:translateX(-50%) rotate(180deg)}
html.reduced .mq-dock-tooltip[popover]{transition:none}
@media(prefers-reduced-motion:reduce){.mq-dock-tooltip[popover]{transition:none}}
