/* Only typed client content and unpriced commercial states. Accepted shell stays intact. */
.mq-estimate-state{font-size:14px;color:inherit;border:1px solid currentColor;border-radius:999px;padding:7px 12px;white-space:nowrap}
.mq-estimate-details{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px;padding:28px 0}
.mq-estimate-details h4{font-size:17px;margin:0 0 10px}.mq-estimate-details p,.mq-estimate-details li{font-size:16px;line-height:1.55;margin:0 0 8px}.mq-estimate-details ul{margin:0;padding-left:20px}
.mq-estimate-start,.mq-estimate-terms{font-size:15px;line-height:1.55;max-width:78ch}.mq-estimate-terms{margin:24px 0 0}.mq-unpriced-addons{display:none}
.mq-client-proof .mq-proof-art{display:block;width:100%;height:300px;object-fit:contain;border-radius:16px}
.mq-proof-examples h3{margin:0 0 20px}.mq-proof-summary{font-size:16px;line-height:1.55;margin:0 0 14px}
.mq-proof-item .mq-proof-item-art{display:block;width:100%;height:200px;object-fit:contain;margin:0 0 18px;border-radius:12px}
.mq-proof-item dl{margin:0 0 24px}.mq-proof-item dl>div{margin-bottom:18px}.mq-proof-item dt{font-weight:600;font-size:16px}.mq-proof-item dd{font-size:16px;line-height:1.55;margin:6px 0 0}
.mq-proof-item .pill{white-space:normal;text-align:left;max-width:100%}

/* The accepted calculator grid reserves a tall diagram column. These content
   consumers own one artwork row instead; selectors never affect calculator. */
#growth.mq-client-proof .denim-proof-choice{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;align-content:start;gap:18px}
#growth.mq-client-proof .denim-proof-caption{font-size:14px;line-height:1.6}
#growth.mq-client-proof .calc-proof-step>.disclosure{font-size:16px;height:auto;min-height:48px}

/* Optional Read surface: shared typography, unchanged drawer motion and legacy paragraphs. */
#notes-dialog.mq-structured-reader .panel-inner{display:flex;flex-direction:column;overflow:hidden;padding:0}
#notes-dialog.mq-structured-reader .panel-top{position:relative;top:auto;z-index:2;flex:none;background:var(--mq-elevated,#202226);padding:24px 36px 16px;margin:0}
#notes-dialog.mq-structured-reader .mq-reader-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:8px 36px 32px}
#notes-dialog.mq-structured-reader .mq-reader-scroll:focus-visible{outline:1px solid var(--line);outline-offset:-1px}
#notes-dialog.mq-structured-reader h2{font-size:32px;line-height:1.2;letter-spacing:-.025em;max-width:24ch;margin:0 0 24px}
#notes-dialog.mq-structured-reader .mq-window-copy{font-size:16px;line-height:1.65;color:inherit}
#notes-dialog.mq-structured-reader .mq-window-copy h3{font-size:21px;line-height:1.35;font-weight:600;letter-spacing:-.015em;margin:32px 0 16px}
#notes-dialog.mq-structured-reader .mq-window-copy p{max-width:70ch;margin:0 0 20px}
#notes-dialog.mq-structured-reader :is(ol,ul){padding-left:24px;margin:0 0 24px;max-width:70ch}
#notes-dialog.mq-structured-reader li{padding-left:4px;margin:0 0 16px}
#notes-dialog.mq-structured-reader table{width:100%;table-layout:fixed;border-collapse:collapse;margin:0 0 28px;font-size:16px;line-height:1.65;text-align:left}
#notes-dialog.mq-structured-reader :is(th,td){vertical-align:top;padding:18px 14px 18px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
#notes-dialog.mq-structured-reader :is(th,td):last-child{padding-right:0}
#notes-dialog.mq-structured-reader th{font-weight:600}
#notes-dialog.mq-structured-reader thead th{padding-top:0}
#notes-dialog.mq-structured-reader dl{margin:0;max-width:70ch}
#notes-dialog.mq-structured-reader dl>div{margin:0 0 24px}
#notes-dialog.mq-structured-reader dt{font-weight:600;margin:0 0 6px}
#notes-dialog.mq-structured-reader dd{margin:0}
#budget>.mq-notes-budget{display:inline-flex;align-items:center;gap:12px;min-height:48px;margin-top:16px;padding:8px 8px 8px 0;color:inherit;font-size:16px;line-height:1.5;text-align:left}
#budget>.mq-notes-budget>span{display:inline-flex;width:20px;height:20px;color:inherit}
#budget>.mq-notes-budget:focus-visible{outline:2px solid currentColor;outline-offset:5px}

/* Exact source Fast-note protection rebound to the client-only identifier. */
#budget[data-direct-pricing] #workspace19081-fast-note{max-width:none;position:relative;z-index:1}

/* H1: preserve the accepted 1219px native layout width in opened 04/05.
   The existing host ResizeObserver supplies scale. Inverse height keeps the
   whole child viewport and its vertical scroll inside the unchanged window. */
#concept-dialog #concept-stage > .denim-native-frame:is([data-native-direction="d"],[data-native-direction="e"]) iframe{
 width:1219px;
 height:calc(100% / var(--native-scale,1));
 transform:scale(var(--native-scale,1));
 transform-origin:0 0;
}

/* R5: opened examples use their real narrow viewport. The 1219px plane above
   remains the accepted desktop fit; it must not shrink working phone controls. */
@media(max-width:1100px){
 #concept-dialog #concept-stage > .denim-native-frame:is([data-native-direction="d"],[data-native-direction="e"]) iframe{
  width:100%;
  height:100%;
  transform:none;
 }
}