/* EFRc2 · final SaaS report. Shared primitives live in shared/components.css. */
.product-preview { min-width: 0; width: 100%; padding: var(--ds-space-22); display: grid; gap: var(--ds-space-16); border: var(--ds-border-1) solid var(--ds-preview-border); border-radius: var(--ds-radius-20); background: var(--ds-white); box-shadow: 0 18px 40px var(--ds-preview-shadow); color: var(--ds-preview-ink); }
.product-preview__header { display: flex; align-items: center; justify-content: space-between; gap: var(--ds-space-8); font-size: var(--ds-type-sm); line-height: var(--ds-leading-1-4); }
.product-preview__header b { font-weight: var(--ds-weight-750); }.product-preview__header > span { color: var(--ds-preview-label); font-size: var(--ds-type-xs); font-weight: var(--ds-weight-semibold); }
.product-preview__tax { display: grid; gap: var(--ds-space-5); padding: var(--ds-space-18); border-radius: var(--ds-radius); background: var(--ds-preview-tint); }
.product-preview__tax span { color: var(--ds-preview-secondary); font-size: var(--ds-type-xs); font-weight: var(--ds-weight-semibold); }.product-preview__tax strong { color: var(--ds-preview-emphasis); font-size: var(--ds-type-4xl); line-height: var(--ds-leading-1-4); font-weight: var(--ds-weight-display); }
.product-preview__totals { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--ds-space-12); }.product-preview__totals > div { display: grid; gap: var(--ds-space-4); }.product-preview__totals span { color: var(--ds-preview-label); font-size: var(--ds-type-xs); }.product-preview__totals strong { font-size: var(--ds-type-lg); line-height: var(--ds-leading-1-4); font-weight: var(--ds-weight-750); }
.product-preview__status { margin: 0; padding-top: var(--ds-space-12); border-top: var(--ds-border-1) solid var(--ds-preview-track); color: var(--ds-success); font-size: var(--ds-type-xs); line-height: var(--ds-leading-1-4); font-weight: var(--ds-weight-semibold); }.product-preview__status span { padding-right: var(--ds-space-4); }
@media screen {
  .canvas-report { --critical-bg: var(--ds-danger-bg); --high-bg: var(--ds-warning-bg); --high: var(--ds-warning); --medium-bg: var(--ds-neutral); --soft: var(--ds-surface); }
  .canvas-report .container { width: min(1180px, calc(100% - 48px)); }
  .canvas-report .topbar__inner { width: min(1132px, calc(100% - 48px)); min-height: 72px; }
  .canvas-report .brand { font-size: var(--ds-type-base); font-weight: var(--ds-weight-bold); }
  .canvas-report .button > span[aria-hidden] { display: none; }
  .canvas-report .eyebrow { margin-bottom: var(--ds-space-14); font-size: var(--ds-type-xs); line-height: var(--ds-leading-1-85); font-weight: var(--ds-weight-medium); }
  .canvas-report .section-heading h2, .canvas-report .todo-copy h2 { font-size: var(--ds-type-section); line-height: var(--ds-leading-1-2); }
  .canvas-report .section-heading > p, .canvas-report .section-heading__sub { font-size: var(--ds-type-lg); line-height: var(--ds-leading-1-5); }
  .canvas-report .report-head { padding: 28px 0 64px; background: var(--ds-tint); }
  .report-tools { position: relative; margin-left: auto; color: var(--ds-muted); font-size: var(--ds-type-xs); }
  .report-tools > summary { padding: 10px 0 10px 16px; cursor: pointer; }
  .report-tools__menu { position: absolute; z-index: 10; top: 100%; right: 0; display: grid; gap: var(--ds-space-16); width: max-content; max-width: calc(100vw - 48px); padding: var(--ds-space-16); border: var(--ds-border-1) solid var(--ds-line); border-radius: var(--ds-radius); background: var(--ds-white); box-shadow: var(--ds-shadow); }
  .canvas-report .report-bar { min-height: 56px; margin-bottom: var(--ds-space-40); }
  .canvas-report .report-head__grid { min-height: 460px; margin-inline: var(--ds-space-24); grid-template-columns: repeat(2,minmax(0,1fr)); gap: 56px; align-items: center; }
  .canvas-report .report-head__meta { display: inline-flex; margin: 0 0 var(--ds-space-22); padding: 4px 12px; border-radius: var(--ds-radius-999); background: var(--ds-tint); color: var(--ds-primary); font-size: var(--ds-type-xs); line-height: var(--ds-leading-1-85); font-weight: var(--ds-weight-medium); }
  .canvas-report .report-head h1 { font-size: var(--ds-type-hero); line-height: var(--ds-leading-1-12); text-wrap: initial; }
  .canvas-report .report-head__lead { margin-top: var(--ds-space-24); font-size: var(--ds-type-lg); line-height: var(--ds-leading-1-65); }
  .canvas-report .team-line { gap: var(--ds-space-8); margin-top: var(--ds-space-34); }
  .canvas-report .team-line span { padding: 3px 14px; min-height: 32px; border: var(--ds-border-1) solid var(--ds-line); border-radius: var(--ds-radius-9); background: var(--ds-white); color: var(--ds-body); font-size: var(--ds-type-sm); font-weight: var(--ds-weight-bold); }
  .canvas-report .team-line span + span::before { content: none; }
  .canvas-report .score-panel { width: 100%; max-width: none; padding: var(--ds-space-24); border: var(--ds-border-1) solid var(--ds-primary-border); border-radius: var(--ds-radius-20); box-shadow: 0 16px 40px var(--ds-shadow-card); }
  .canvas-report .score-panel__top span { font-size: var(--ds-type-sm); font-weight: var(--ds-weight-display); }
  .canvas-report .score-panel__top div small { color: var(--ds-subtle); font-weight: var(--ds-weight-semibold); }
  .canvas-report .score-panel__top strong { font-size: var(--ds-type-section); line-height: 1; }
  .canvas-report .score-panel__top strong small { color: inherit; font-size: inherit; font-weight: inherit; }
  .canvas-report .band { grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--ds-space-8); margin-top: var(--ds-space-16); }
  .canvas-report .band__seg { color: var(--ds-subtle); font-size: var(--ds-type-xs); }.canvas-report .band__seg::before { background: var(--ds-line); opacity: 1; height: 6px; }.canvas-report .band__seg.is-here::before { background: var(--ds-warning-solid); }.canvas-report .band__seg.is-here { color: var(--ds-warning-solid); }.canvas-report .band__seg.is-here::after { display: none; }
  .canvas-report .score-cats { margin: 22px 0 18px; padding-top: var(--ds-space-18); gap: var(--ds-space-10); }
  .canvas-report .score-cats li { grid-template-columns: 46% minmax(0,1fr) 28px; gap: var(--ds-space-10); min-height: 25px; font-size: var(--ds-type-xs); }.canvas-report .score-cats li i { color: var(--ds-ink); font-size: inherit; font-weight: inherit; }.canvas-report .score-cats b { background: var(--ds-surface); }.canvas-report .score-cats em { color: var(--ds-subtle); }
  .canvas-report .score-how { margin-top: 0; padding-top: var(--ds-space-14); }.canvas-report .score-how summary { font-size: var(--ds-type-xs); line-height: var(--ds-leading-1-85); }.canvas-report .score-how p { font-size: var(--ds-type-xs); line-height: var(--ds-leading-1-62); }
  .canvas-report .tldr { margin-top: var(--ds-space-40); padding: 28px 32px; border-radius: var(--ds-radius-18); }
  .canvas-report .tldr li { color: var(--ds-dark-text); font-size: var(--ds-type-sm); font-weight: var(--ds-weight-medium); }.canvas-report .tldr li b { font-weight: inherit; color: inherit; }.canvas-report .tldr li:last-child b { color: inherit; }.canvas-report .tldr li::before { content: '✓'; border: var(--ds-border-1) solid var(--ds-accent-soft); border-radius: var(--ds-radius-999); background: none; color: var(--ds-accent-soft); width: 18px; height: 18px; }
  .canvas-report .context-section { padding-block: var(--ds-space-40); }
  .canvas-report .head-card { padding: 28px 30px; min-height: 262px; border-radius: var(--ds-radius-20); border-color: var(--ds-line-soft); box-shadow: 0 8px 24px var(--ds-shadow-subtle); }.canvas-report .head-card--good { background: var(--ds-success-bg); border-color: var(--ds-success-border); }
  .canvas-report .head-card h2 { font-size: var(--ds-type-lg); line-height: var(--ds-leading-1-35); }.canvas-report .intake div { padding-block: var(--ds-space-8); }.canvas-report .intake dt { font-size: var(--ds-type-xs); color: var(--ds-subtle); }.canvas-report .goods b { font-size: var(--ds-type-sm); }
  .canvas-report :is(.screen-section,.findings-section,.copy-section,.directions-section,.todo-section) { padding: var(--ds-space-96) 0; }
  .canvas-report .screen-section .section-heading { grid-template-columns: minmax(0,684px) 1fr; align-items: center; gap: var(--ds-space-48); min-height: 137px; margin-bottom: var(--ds-space-24); }
  .screen-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 16px; gap: var(--ds-space-12); border: var(--ds-border-1) dashed var(--ds-primary-border); border-radius: var(--ds-radius-20); background: var(--ds-tint); }
  .screen-stats > div { display: grid; gap: var(--ds-space-8); padding: 10px 0; text-align: center; color: var(--ds-primary); }.screen-stats strong { font-size: var(--ds-type-3xl); line-height: 1; font-weight: var(--ds-weight-display); }.screen-stats span { color: var(--ds-subtle); font-size: var(--ds-type-xs); font-weight: var(--ds-weight-bold); }.screen-stats > div:last-child strong { color: var(--ds-success); }
  .screen-controls { display: flex; justify-content: space-between; align-items: center; gap: var(--ds-space-16); margin-bottom: var(--ds-space-24); min-height: 46px; }
  .canvas-report .ba-toggle { margin: 0; padding: 0; gap: var(--ds-space-8); background: none; }.canvas-report .ba-toggle button { min-width: 72px; height: 36px; padding: 7px 12px; border: var(--ds-border-1) solid var(--ds-line); background: var(--ds-neutral); font-size: var(--ds-type-sm); line-height: 1.5; }.canvas-report .ba-toggle button.is-on { background: var(--ds-primary); color: var(--ds-white); border-color: var(--ds-primary); box-shadow: none; }
  .pin-guide { margin: 0; padding: 10px 14px; border: var(--ds-border-1) solid var(--ds-line); border-radius: var(--ds-radius-999); background: var(--ds-surface); color: var(--ds-subtle); font-size: var(--ds-type-xs); font-weight: var(--ds-weight-semibold); }
  .canvas-report .mock-frame { border-radius: var(--ds-radius-22); box-shadow: 0 20px 48px var(--ds-shadow-card); }.canvas-report .mock-frame__bar { height: 56px; padding-inline: var(--ds-space-18); gap: var(--ds-space-14); background: var(--ds-surface); }.canvas-report .mock-frame__url { display: flex; align-items: center; flex: 1; min-width: 0; height: 32px; padding: 0 12px; border: var(--ds-border-1) solid var(--ds-line); border-radius: var(--ds-radius-9); background: var(--ds-white); color: var(--ds-muted); }.canvas-report .mock-frame__state { margin-left: 0; flex-shrink: 0; font-weight: var(--ds-weight-medium); }
  .canvas-report .mock { padding: 0 40px 32px; background: var(--ds-preview-surface); }.canvas-report .mock__nav { height: 76px; }.canvas-report .mock__logo { font-size: var(--ds-type-xl); color: var(--ds-preview-heading); }.canvas-report .mock__links { gap: var(--ds-space-28); }.canvas-report .mock__hero { grid-template-columns: minmax(0,520px) minmax(0,470px); gap: 66px; min-height: 394px; padding: 28px 0 36px; }.canvas-report .mock__h { font-size: var(--ds-type-44); line-height: var(--ds-leading-1-15); }.canvas-report .mock__eyebrow { font-size: var(--ds-type-13); font-weight: var(--ds-weight-750); }.canvas-report .mock__sub { max-width: 520px; }.canvas-report .mock__connect-row { min-height: 94px; padding: 22px 24px; border: var(--ds-border-1) solid var(--ds-preview-divider); border-radius: var(--ds-card-radius); background: var(--ds-white); }.canvas-report .mock__connect-text b { font-size: var(--ds-type-lg); }.canvas-report .mock-frame figcaption { padding: 12px 20px; min-height: 48px; font-size: var(--ds-type-xs); font-weight: var(--ds-weight-semibold); background: var(--ds-surface); color: var(--ds-muted); }
  .canvas-report .hot { outline-style: solid; outline-offset: 1px; }.canvas-report .pin { animation: none; }.canvas-report .mock__ctas > .pin { right: -14px; top: -14px; }.canvas-report .mock__price > .pin { right: -12px; top: 8px; }.canvas-report .mock__connect > .pin { top: -12px; left: -12px; }
  .canvas-report .findings-section .section-heading { grid-template-columns: 1fr 400px; margin-bottom: var(--ds-space-20); min-height: 106px; }.canvas-report .findings-section .section-heading > p { font-size: var(--ds-type-base); }.canvas-report .finding { min-height: 308px; padding: 29px; border-radius: var(--ds-radius-20); border-color: var(--ds-warning-card-border); box-shadow: 0 8px 24px var(--ds-shadow-subtle); }.canvas-report .finding:first-child { border-color: var(--ds-critical-card-border); }.canvas-report .finding__main h3 { font-size: var(--ds-type-xl); line-height: var(--ds-leading-1-43); }.canvas-report .finding__line { font-size: var(--ds-type-sm); line-height: var(--ds-leading-1-67); }.canvas-report .finding__line span { min-width: 0; margin-right: 6px; font-size: inherit; font-weight: inherit; color: inherit; }.canvas-report .impact-list :is(dt,dd) { font-size: var(--ds-type-xs); }.canvas-report .impact-list div { border-bottom-style: solid; }.canvas-report .severity { height: 24px; }.canvas-report .severity--critical { background: var(--ds-danger); color: var(--ds-white); }.canvas-report .severity--high { background: var(--ds-warning); color: var(--ds-white); }.canvas-report .quickwin { background: var(--ds-success-bg); font-size: var(--ds-type-xs); }
  .canvas-report .matrix-wrap { margin-top: var(--ds-space-20); min-height: 408px; padding: 32px; border-radius: var(--ds-radius-20); gap: 48px; box-shadow: 0 8px 24px var(--ds-shadow-subtle); }.canvas-report .matrix-copy h3 { font-size: var(--ds-type-2xl); line-height: var(--ds-leading-1-25); }.canvas-report .matrix-copy p:last-child { font-size: var(--ds-type-base); }.canvas-report .inline-cta { min-height: 100px; padding: 24px 28px; border-radius: var(--ds-radius-20); }
  .canvas-report .copy-list { display: grid; gap: var(--ds-space-12); border: 0; }.canvas-report .copy-row { grid-template-columns: 96px minmax(0,1fr) 20px minmax(0,1.5fr) auto; min-height: 88px; gap: 20px; padding: 16px 24px; border: var(--ds-border-1) solid var(--ds-line-soft); border-radius: var(--ds-radius-14); background: var(--ds-surface); }.canvas-report .copy-row__where { font-size: var(--ds-type-xs); font-weight: var(--ds-weight-display); }.canvas-report .copy-row__before s { text-decoration: none; }.canvas-report .copy-row__after { font-size: var(--ds-type-base); line-height: var(--ds-leading-1-53); font-weight: var(--ds-weight-bold); color: var(--ds-success); }.canvas-report .copy-btn { height: 40px; border-radius: var(--ds-radius-10); }
  .canvas-report .directions-section { background: var(--ds-ink); color: var(--ds-white); }.canvas-report .section-heading--light .eyebrow { color: var(--ds-accent-soft); }.canvas-report .section-heading--light > p { color: var(--ds-dark-muted); }.canvas-report .directions-section .section-heading { grid-template-columns: 1fr 430px; min-height: 160px; margin-bottom: var(--ds-space-18); }.canvas-report .direction-card { min-height: 382px; padding: 26px; border: var(--ds-border-1) solid var(--ds-dark-border); border-radius: var(--ds-radius-20); background: var(--ds-dark-surface); color: var(--ds-white); }.canvas-report .direction-card:hover { transform: none; border-color: var(--ds-mint); }.canvas-report .direction-card.is-selected { padding: 25px; border: var(--ds-border-2) solid var(--ds-mint); background: var(--ds-selected-dark); }.canvas-report .direction-card__letter { border-color: var(--ds-dark-border); color: var(--ds-primary); font-size: var(--ds-type-base); }.canvas-report .direction-card__tag { color: var(--ds-dark-muted); }.canvas-report .direction-card > strong { font-size: var(--ds-type-2xl); line-height: var(--ds-leading-1-36); font-weight: var(--ds-weight-bold); }.canvas-report .direction-card > p { color: var(--ds-dark-muted); font-size: var(--ds-type-sm); line-height: var(--ds-leading-1-67); }.canvas-report .direction-card__meta { border-color: var(--ds-dark-border); color: var(--ds-dark-text); font-size: var(--ds-type-xs); line-height: var(--ds-leading-1-54); }.canvas-report .direction-card__select { padding-top: 15px; border-top: var(--ds-border-1) solid var(--ds-dark-border); color: var(--ds-dark-muted); }.canvas-report .direction-card.is-selected .direction-card__select { color: var(--ds-mint); }.canvas-report .recommend-badge { background: var(--ds-mint); color: var(--ds-mint-ink); font-size: var(--ds-type-xs); font-weight: var(--ds-weight-display); }.canvas-report .recommendation { min-height: 140px; padding: 26px; border-color: var(--ds-dark-border); border-radius: var(--ds-radius-18); background: var(--ds-dark-surface); grid-template-columns: 170px minmax(0,1fr) 200px; }.canvas-report .recommendation__label { color: var(--ds-dark-muted); font-size: var(--ds-type-xs); }.canvas-report .recommendation__label span { background: var(--ds-mint); color: var(--ds-mint-ink); }.canvas-report .recommendation h3 { color: var(--ds-white); font-size: var(--ds-type-lg); font-weight: var(--ds-weight-bold); }.canvas-report .recommendation p { color: var(--ds-dark-muted); font-size: var(--ds-type-sm); line-height: var(--ds-leading-1-67); }.canvas-report .recommendation__decision { border-color: var(--ds-dark-border); }.canvas-report .recommendation__decision span { color: var(--ds-dark-muted); }.canvas-report .recommendation__decision strong { color: var(--ds-mint); font-size: var(--ds-type-sm); }
  .canvas-report .todo-section { background: var(--ds-surface); }.canvas-report .todo-grid { padding-inline: 24px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 56px; align-items: center; min-height: 384px; }.canvas-report .todo-copy > p:not(.eyebrow) { font-size: var(--ds-type-lg); line-height: var(--ds-leading-1-5); }.canvas-report .todo-score { padding: 20px 22px; border-color: var(--ds-primary-border); border-radius: var(--ds-radius-18); background: var(--ds-white); }.canvas-report .todo-score span { font-size: var(--ds-type-sm); }.canvas-report .todo-score strong, .canvas-report .todo-score strong b { color: var(--ds-ink); font-size: var(--ds-type-base); }.canvas-report .todo-score__bar { margin: 12px 0 16px; background: var(--ds-line); border-radius: var(--ds-radius-999); }.canvas-report .todo-score__bar i { background: var(--ds-warning-solid); border-radius: inherit; }.canvas-report .todo-score p { display: flex; justify-content: space-between; align-items: center; }.canvas-report .todo-score p span { font-size: var(--ds-type-xs); }.todo-verdict { padding: 2px 10px; border-radius: var(--ds-radius-999); background: var(--ds-warning-bg); color: var(--ds-warning); font-weight: var(--ds-weight-display); }.is-ready .todo-verdict { background: var(--ds-success-bg); color: var(--ds-success); }.canvas-report .todo-list label { grid-template-columns: 20px 60px minmax(0,1fr) auto; min-height: 84px; padding: 18px 20px; border-radius: var(--ds-card-radius); gap: 16px; }.canvas-report .todo-list__text { font-size: var(--ds-type-xs); line-height: var(--ds-leading-1-54); }.canvas-report .todo-list__text b { font-size: var(--ds-type-base); }.canvas-report .todo-list__when { background: var(--ds-success-bg); }
  .canvas-report .cta-section { padding-bottom: var(--ds-space-96); }.canvas-report .cta-card { min-height: 306px; padding: 34px; grid-template-columns: minmax(0,1fr) auto; gap: 40px; border-radius: var(--ds-radius-24); background: linear-gradient(135deg,var(--ds-primary),var(--ds-primary-strong)); box-shadow: 0 20px 48px var(--ds-primary-overlay); }.canvas-report .cta-card h2 { font-size: var(--ds-type-section); line-height: var(--ds-leading-1-25); }.canvas-report .cta-card p:not(.eyebrow) { font-size: var(--ds-type-base); }.canvas-report .cta-card .button { background: var(--ds-surface); color: var(--ds-ink); font-weight: var(--ds-weight-bold); }.canvas-report .cta-card__facts li { border: var(--ds-border-1) solid var(--ds-white-overlay); border-radius: var(--ds-radius-9); }.canvas-report .service-row h3 { font-size: var(--ds-type-lg); }.canvas-report .service-row .button { min-height: 52px; font-size: var(--ds-type-sm); background: var(--ds-white); }
}
@media screen and (max-width: 1100px) {
  .canvas-report .report-head h1 { font-size: 56px; }.canvas-report .report-head__grid { gap: 32px; }.canvas-report .mock__hero { grid-template-columns: 1fr 1fr; gap: 32px; }.canvas-report .finding { grid-template-columns: 100px minmax(0,1fr) minmax(0,1fr); gap: 20px; padding: 24px; }.canvas-report .finding__main h3 { font-size: var(--ds-type-lg); }.canvas-report .directions-section .section-heading { grid-template-columns: 1fr; gap: 20px; margin-bottom: 40px; }.canvas-report .direction-card > strong { font-size: var(--ds-type-xl); }.canvas-report .cta-card { grid-template-columns: 1fr; }.canvas-report .cta-card > .button { justify-self: start; }
}
@media screen and (max-width: 980px) {
  .canvas-report .report-head__grid, .canvas-report .todo-grid, .canvas-report .matrix-wrap { grid-template-columns: minmax(0,1fr); }.canvas-report .report-head__grid { min-height: 0; margin: 0; gap: 40px; }.canvas-report .report-head h1 { font-size: 52px; }.canvas-report .report-head__lead { max-width: 600px; }.canvas-report .score-panel { max-width: 600px; }.canvas-report .head-cards { grid-template-columns: minmax(0,1fr); }.canvas-report .screen-section .section-heading { grid-template-columns: minmax(0,1fr); gap: 24px; margin-bottom: 24px; }.screen-stats { max-width: 448px; }.canvas-report .findings-section .section-heading { grid-template-columns: minmax(0,1fr); }.canvas-report .finding { grid-template-columns: minmax(0,1fr); }.canvas-report .direction-grid { grid-template-columns: minmax(0,1fr); }.canvas-report .directions-section { border-radius: 0; }.canvas-report .direction-card { min-height: 0; }.canvas-report .direction-card__select { margin-top: 16px; }.canvas-report .recommendation { grid-template-columns: minmax(0,1fr); }.canvas-report .recommendation__decision { padding-left: 0; border-left: 0; }.canvas-report .todo-grid { padding-inline: 0; gap: 32px; }.canvas-report .copy-row { grid-template-columns: 80px minmax(0,1fr) 16px minmax(0,1.5fr) auto; gap: 12px; padding: 16px; }
}
@media screen and (max-width: 700px) {
  .canvas-report .container, .canvas-report .topbar__inner { width: calc(100% - 40px); }.canvas-report .topbar__inner { min-height: 64px; }.canvas-report .report-head h1 { font-size: 40px; }.canvas-report .report-head__lead { font-size: var(--ds-type-base); }.canvas-report .team-line { flex-direction: row; }.canvas-report .team-line span { font-size: var(--ds-type-xs); padding: 3px 10px; }.canvas-report .report-bar { margin-bottom: 24px; min-height: 32px; }.report-tools__menu { width: calc(100vw - 40px); }.canvas-report .sample-tabs { grid-template-columns: 1fr; gap: 4px; }.canvas-report .tldr { padding: 22px; }.canvas-report .score-panel { padding: 20px; }.canvas-report .score-panel__top strong { font-size: 40px; }.canvas-report .score-cats li { grid-template-columns: 49% minmax(0,1fr) 24px; gap: 8px; }.canvas-report .score-cats li i { white-space: normal; }.canvas-report .band__seg { font-size: 10px; }
  .canvas-report :is(.screen-section,.findings-section,.copy-section,.directions-section,.todo-section) { padding: 64px 0 !important; }.canvas-report .section-heading h2, .canvas-report .todo-copy h2, .canvas-report .cta-card h2 { font-size: var(--ds-type-4xl); line-height: 1.28; }.canvas-report .section-heading > p, .canvas-report .section-heading__sub { font-size: var(--ds-type-base); }.canvas-report .head-card { padding: 24px; min-height: 0; }.screen-controls { flex-wrap: wrap; }.pin-guide { font-size: 11px; padding: 8px 10px; }.canvas-report .mock { padding: 0 20px 24px; }.canvas-report .mock-frame__bar { gap: 8px; padding: 0 12px; }.canvas-report .mock-frame__url { display: none; }.canvas-report .mock-frame__state { margin-left: auto; font-size: 10px; }.canvas-report .mock__hero { grid-template-columns: minmax(0,1fr); gap: 28px; min-height: 0; padding-block: 32px; }.canvas-report .mock__h { font-size: 32px; line-height: 1.2; }.canvas-report .mock-frame[data-view="after"] .mock__h { font-size: 28px; }.canvas-report .mock__ctas { gap: 8px; }.canvas-report .mock__btn { padding-inline: 12px; font-size: 13px; }.canvas-report .mock__connect-row { flex-wrap: wrap; gap: 12px; padding: 18px; }.canvas-report .mock__connect-text { min-width: 120px; }.canvas-report .mock__connect-text b { font-size: 16px; }.canvas-report .mock-frame figcaption { line-height: 1.7; }.canvas-report .mock__price > .pin { right: -18px; }.canvas-report .finding { min-height: 0; padding: 20px; }.canvas-report .copy-row { grid-template-columns: minmax(0,1fr) auto; gap: 8px 12px; }.canvas-report .copy-row__after { min-width: 0; }.canvas-report .matrix-wrap { min-height: 0; padding: 24px; gap: 24px; }.canvas-report .inline-cta { padding: 24px; }.canvas-report .todo-list label { grid-template-columns: 20px minmax(0,1fr) auto; gap: 10px; padding: 16px; }.canvas-report .todo-list input { grid-column: 1; grid-row: 1 / 3; }.canvas-report .todo-list__when { grid-column: 2; }.canvas-report .todo-list__text { grid-column: 2 / 4; }.canvas-report .todo-list__gain { grid-column: 3; grid-row: 1; }.canvas-report .todo-list__text b { font-size: var(--ds-type-sm); }.canvas-report .todo-copy > p:not(.eyebrow) { font-size: var(--ds-type-base); }.canvas-report .cta-card { padding: 28px 24px; }.canvas-report .cta-card > .button { justify-self: stretch; }.canvas-report .cta-card__facts li { font-size: var(--ds-type-xs); }.canvas-report .cta-section { padding-bottom: 64px; }.canvas-report .report-tools__menu .pdf-link { justify-self: end; }
}
@media print { .report-tools > summary, .screen-stats, .pin-guide { display: none !important; }.screen-controls { display: none; }.product-preview { box-shadow: none; } }