/* GanttScan's editorial design layer. Data, controls and their interaction hooks are unchanged. */
body.design-refresh { --navy: #102c43; --grey-700: #40566a; --grey-500: #718395; background: #f6fafc; color: #17384f; }
.design-refresh.landing-page { background: #f6fafc; background-image: none; }
.design-refresh .app-main { overflow: clip; min-height: calc(100vh - 180px); }
.design-refresh .page-shell, .design-refresh .app-header__inner, .design-refresh .app-footer__inner { width: min(1240px,calc(100% - 72px)); }
.design-refresh .page-shell { padding: 44px 0 48px; }
.design-refresh .app-header { background: #f6fafc; box-shadow: none; border-bottom: 1px solid #dce8ef; }
.design-refresh .app-header::after { display: none; }
.design-refresh .app-header__inner { min-height: 84px; }
.design-refresh .app-header .brand__logo--provided { width: 218px; max-height: 42px; }
.design-refresh .app-header .app-header__actions { border: 0; border-radius: 0; background: transparent; gap: 14px; padding: 0; }
.design-refresh .app-header .header-link, .design-refresh .app-header .header-upgrades__control { padding: 11px 4px; border-radius: 0; min-height: 42px; font-size: .86rem; background: transparent; }
.design-refresh .app-header .header-link:hover, .design-refresh .app-header .header-link[aria-current="page"], .design-refresh .app-header .header-upgrades__control.is-current, .design-refresh .app-header .header-upgrades__control[aria-expanded="true"] { background: transparent; box-shadow: inset 0 -1px 0 #3fb9e6; color: #7bd7fb; }
.design-refresh .header-upgrades__menu { top: calc(100% + 1px); border-radius: 8px; background: #ffffff; border-color: #dce8ef; }
.design-refresh .eyebrow { font-size: .7rem; letter-spacing: .15em; font-weight: 650; color: #0874cf; }
.design-refresh h1, .design-refresh h2, .design-refresh h3 { text-wrap: balance; }
.design-refresh p { text-wrap: pretty; }
.design-refresh .information-button, .design-refresh .secondary-information-button { border-radius: 999px; padding: 13px 23px; font-size: .9rem; }
.design-refresh .information-button { background: #087be8; box-shadow: none; }
.design-refresh .information-button:hover { background: #1395fa; transform: translateY(-1px); }
.design-refresh .app-footer { display: block; border-top: 1px solid #dce8ef; background: transparent; color: #607d90; padding: 24px 0; font-size: .76rem; }
.design-refresh .app-footer__inner { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.design-refresh .app-footer__inner nav { display: flex; gap: 22px; margin-left: auto; }
.design-refresh .app-footer a { color: #47677c; text-decoration: none; }
.design-refresh .app-footer a:hover { color: #0874cf; }
.design-refresh a:focus-visible, .design-refresh button:focus-visible, .design-refresh summary:focus-visible { outline: 2px solid #38afe9; outline-offset: 4px; }
/* Home: narrative alongside a compact comparison console. */
.design-refresh .hero--landing { display: grid; grid-template-columns: 1fr 1fr; gap: 36px 56px; align-items: center; overflow: visible; padding: 0; border: 0; background: transparent; }
.design-refresh .hero--landing .hero__copy { margin: 0; padding: 0; max-width: none; }
.design-refresh .hero--landing h1 { font-size: clamp(2.8rem,4.65vw,4.3rem); line-height: 1.06; font-weight: 700; letter-spacing: -.052em; margin: 18px 0 24px; }
.design-refresh .hero--landing .hero__copy p { margin: 0; font-size: 1.06rem; line-height: 1.8; color: #607d90; max-width: 470px; }
.design-refresh .hero__accent { color: #39b6ef; }
.design-refresh .hero-gantt { width: 760px; top: 5px; left: -290px; right: auto; opacity: .16; mask-image: linear-gradient(90deg,transparent,#000 40%,transparent); }
.design-refresh .hero--landing > .compare-form { padding: 28px; background: #f7fafc; border: 1px solid #dce7ee; border-radius: 20px; box-shadow: 0 14px 36px rgba(0,0,0,.18); }
.design-refresh .upload-introduction { height: 82px; margin-bottom: 24px; }
.design-refresh .upload-introduction .eyebrow { color: #2e799e; margin: 0; font-size: .65rem; letter-spacing: .13em; }
.design-refresh .upload-introduction h2 { color: #102c43; font-size: 1.5rem; font-weight: 700; letter-spacing: -.035em; margin: 8px 0 5px; }
.design-refresh .upload-introduction p { color: #718395; font-size: .81rem; line-height: 1.5; margin: 0; }
.design-refresh .hero--landing .upload-grid { display: grid; grid-template-columns: 1fr; gap: 24px; }
.design-refresh .hero--landing .upload-card { display: flex; align-items: flex-start; justify-content: flex-start; text-align: left; height: 148px; min-height: 148px; padding: 18px 56px 16px 18px; border: 1px dashed #a2c6df; border-radius: 10px; background: #eff6fb; transform: none; box-shadow: none; }
.design-refresh .hero--landing .upload-card__topline { position: static; display: flex; gap: 14px; align-items: flex-start; width: 100%; }
.design-refresh .hero--landing .upload-step { width: 29px; height: 26px; flex: 0 0 29px; background: transparent; border-radius: 0; font-size: 1rem; }
.design-refresh .hero--landing .upload-card--comparison .upload-step { background: transparent; color: #0c997f; }
.design-refresh .hero--landing .upload-label { font-size: .94rem; color: #102c43; }
.design-refresh .hero--landing .upload-description { font-size: .76rem; color: #6c8496; }
.design-refresh .hero--landing .upload-icon { position: absolute; top: 18px; right: 18px; width: 29px; height: 29px; margin: 0; }
.design-refresh .hero--landing .upload-icon svg { width: 29px; height: 28px; stroke-width: 2.3; }
.design-refresh .hero--landing .upload-title { margin: 12px 0 0 43px; font-size: .84rem; font-weight: 550; }
.design-refresh .hero--landing .upload-subtitle { margin: 3px 0 0 43px; font-size: .78rem; line-height: 1.5; }
.design-refresh .hero--landing .upload-feedback { position: static; inset: auto; width: calc(100% - 43px); margin: 8px 0 0 43px; gap: 4px; }
.design-refresh .hero--landing .upload-card:not(.has-file):not(.has-error) .upload-feedback { position: absolute; width: 1px; height: 1px; margin: 0; }
.design-refresh .hero--landing .upload-card.has-file, .design-refresh .hero--landing .upload-card.has-error { height: 148px; min-height: 148px; padding-bottom: 16px; }
.design-refresh .hero--landing .upload-card.has-file .upload-title, .design-refresh .hero--landing .upload-card.has-error .upload-title { display: none; }
.design-refresh .hero--landing .upload-card.has-file .upload-subtitle, .design-refresh .hero--landing .upload-card.has-error .upload-subtitle { margin-top: 9px; }
.design-refresh .hero--landing .upload-file { padding: 0; border: 0; border-radius: 0; background: transparent; color: #176c57; font-size: .85rem; text-align: left; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.design-refresh .hero--landing .upload-file-status { font-size: .72rem; line-height: 1.4; }
.design-refresh .hero--landing .upload-card.has-file { background: #edf8f3; border-color: #72bca8; }
.design-refresh .hero--landing .upload-card.has-error { background: #fff3f1; border-color: #be6962; }
.design-refresh .hero--landing .upload-card:hover { background: #e7f2fa; border-color: #438dbd; transform: none; box-shadow: none; }
.design-refresh .hero--landing .upload-card.has-file:hover { background: #e3f4ec; border-color: #35947d; }
.design-refresh .hero--landing .upload-card.is-dragging { background: #deeffb; border-color: #147ec5; box-shadow: 0 0 0 3px rgba(20,126,197,.13); }
.design-refresh .hero--landing .upload-connector { width: 36px; height: 36px; top: 276px; left: auto; right: 21px; transform: none; background: #f7fafc; box-shadow: none; border-color: #ccdce8; }
.design-refresh .hero--landing .upload-connector::before, .design-refresh .hero--landing .upload-connector::after { display: none; }
.design-refresh .hero--landing .upload-connector svg { width: 19px; height: 19px; }
.design-refresh .hero--landing .compare-form__footer { padding-top: 22px; gap: 12px; }
.design-refresh .hero--landing .primary-button { width: 100%; min-height: 48px; border-radius: 999px; font-size: .98rem; font-weight: 600; background: #087be8; box-shadow: none; }
.design-refresh .hero--landing .primary-button:disabled { background: #d7e2eb; color: #658097; box-shadow: none; }
.design-refresh .hero--landing .compare-form__guidance { flex-direction: column; gap: 4px; }
.design-refresh .hero--landing .compare-form__guidance::before { display: none; }
.design-refresh .hero--landing .compare-readiness, .design-refresh .hero--landing .privacy-note { font-size: .68rem; color: #73889a; }
.design-refresh .landing-guide-cue { position: static; grid-column: 1; grid-row: 2; justify-self: start; width: auto; margin: -8px 0 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; padding: 0; }
.design-refresh .landing-guide-cue strong { font-size: .8rem; color: #17384f; }
.design-refresh .landing-guide-cue small { display: none; }
.design-refresh .landing-guide-cue.is-hidden { opacity: 1; visibility: visible; pointer-events: auto; }
.design-refresh .landing-features { grid-column: 1 / -1; margin: 2px 0 0; padding: 26px 0; border-top: 1px solid #dce8ef; border-bottom: 1px solid #dce8ef; gap: 26px; }
.design-refresh .landing-features article { padding: 0; border: 0; gap: 13px; }
.design-refresh .feature-icon { flex: 0 0 24px; width: 24px; height: 30px; background: transparent; border-radius: 0; color: #56bddd; }
.design-refresh .feature-icon svg { width: 23px; height: 25px; stroke-width: 1.7; }
.design-refresh .landing-features h2 { margin: 3px 0 7px; font-size: .82rem; font-weight: 650; }
.design-refresh .landing-features p { font-size: .75rem; line-height: 1.65; color: #607d90; }
.design-refresh .landing-guide { margin: 38px 0 0; padding: 8px 0 0; border: 0; }
.design-refresh .compact-how-it-works { display: grid; grid-template-columns: .9fr 1.6fr; gap: 24px 54px; }
.design-refresh .compact-how-it-works__heading h2 { font-size: 2rem; line-height: 1.2; letter-spacing: -.035em; margin: 14px 0 0; }
.design-refresh .how-it-works-grid { display: block; margin: 0; }
.design-refresh .how-it-works-grid li { display: grid; grid-template-columns: 35px 100px 1fr; gap: 12px; align-items: baseline; padding: 18px 0; border: 0; border-top: 1px solid #dce8ef; background: transparent; border-radius: 0; }
.design-refresh .how-it-works-grid .guide-number { background: none; width: auto; height: auto; margin: 0; color: #0874cf; font-size: .75rem; }
.design-refresh .how-it-works-grid h3 { font-size: 1rem; margin: 0; }
.design-refresh .how-it-works-grid p { font-size: .82rem; color: #607d90; line-height: 1.65; }
.design-refresh .compact-how-it-works .full-guide-link { grid-column: 2; font-size: .8rem; }
.design-refresh .information-bottom { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 28px 0; margin-top: 28px; border-top: 1px solid #dce8ef; }
.design-refresh .compact-how-it-works .information-bottom { grid-column: 1 / -1; margin-top: 2px; }
.design-refresh .information-bottom p { margin: 0; font-size: 1.18rem; color: #17384f; }
.design-refresh .information-bottom .information-button { margin: 0; }
/* Support pages: open numbered rows, shared headings and restrained section separators. */
.design-refresh .information-hero { max-width: 100%; margin-bottom: 38px; padding-bottom: 30px; border-bottom: 1px solid #dce8ef; }
.design-refresh .information-hero h1 { font-size: clamp(2.5rem,4.8vw,3.6rem); font-weight: 700; letter-spacing: -.045em; margin: 14px 0 18px; }
.design-refresh .information-hero p { color: #607d90; max-width: 710px; font-size: 1rem; line-height: 1.8; }
.design-refresh .section-intro h2 { font-size: 1.75rem; line-height: 1.25; font-weight: 650; }
.design-refresh .section-intro p { font-size: .88rem; color: #607d90; line-height: 1.75; }
.design-refresh .use-cases { display: grid; grid-template-columns: .85fr 1.6fr; gap: 58px; }
.design-refresh .use-case-grid { display: block; }
.design-refresh .use-case-grid article { display: grid; grid-template-columns: 32px 1fr; column-gap: 17px; padding: 21px 0; border: 0; border-top: 1px solid #dce8ef; border-radius: 0; box-shadow: none; background: transparent; }
.design-refresh .use-case-number { grid-column: 1; grid-row: 1 / 3; background: transparent; border-radius: 0; width: auto; height: auto; justify-content: start; align-items: start; margin: 0; color: #0874cf; font-size: .75rem; }
.design-refresh .use-case-grid h3 { grid-column: 2; margin: 0 0 10px; color: #17384f; font-size: 1.05rem; font-weight: 650; }
.design-refresh .use-case-grid p { grid-column: 2; color: #607d90; font-size: .87rem; line-height: 1.8; }
.design-refresh .guide-help { display: grid; grid-template-columns: .85fr 1.6fr; gap: 0 58px; background: transparent; border-radius: 0; margin-top: 38px; padding: 30px 0 0; border-top: 1px solid #dce8ef; }
.design-refresh .guide-help h2 { grid-column: 1; grid-row: 1 / 5; color: #17384f; font-size: 1.75rem; font-weight: 650; }
.design-refresh .guide-help details { grid-column: 2; border-color: #dce8ef; padding: 20px 0; }
.design-refresh .guide-help details:first-of-type { border-top: 0; }
.design-refresh .guide-help summary { color: #17384f; font-size: .95rem; font-weight: 550; }
.design-refresh .guide-help p { color: #607d90; font-size: .86rem; }
/* Upgrades read as product chapters rather than two tiles. */
.design-refresh .upgrade-grid { display: block; }
.design-refresh .upgrade-card { display: grid; grid-template-columns: 1fr 1.1fr .65fr; gap: 12px 46px; padding: 28px 0; background: transparent; border: 0; border-bottom: 1px solid #dce8ef; box-shadow: none; border-radius: 0; }
.design-refresh .upgrade-label { grid-column: 1; color: #0874cf; background: transparent; padding: 0; margin: 0; justify-self: start; font-size: .7rem; letter-spacing: .13em; text-transform: uppercase; }
.design-refresh .upgrade-brand { grid-column: 1; min-height: 0; width: min(260px,100%); padding: 8px 15px; margin: 5px 0; background: #f8fafc; border-radius: 8px; }
.design-refresh .upgrade-description { grid-column: 1; color: #607d90; font-size: .85rem; line-height: 1.7; margin: 0; }
.design-refresh .upgrade-features { grid-column: 2; grid-row: 1 / 4; padding-top: 4px; }
.design-refresh .upgrade-features h3 { color: #17384f; font-size: 1.2rem; letter-spacing: -.02em; margin-bottom: 20px; }
.design-refresh .upgrade-features ul { color: #47677c; }
.design-refresh .upgrade-features li { border-bottom: 1px solid #dce8ef; padding: 13px 0; font-size: .88rem; }
.design-refresh .upgrade-features li > span { background: none; color: #52bbd9; padding: 0; width: auto; height: auto; }
.design-refresh .upgrade-footer { grid-column: 3; grid-row: 1 / 4; border: 0; align-self: center; padding: 0; margin: 0; }
.design-refresh .upgrade-footer p { color: #607d90; font-size: .78rem; }
.design-refresh .upgrade-footer .plan-explore-link { color: #0874cf; font-size: .85rem; }
.design-refresh .upgrade-footer .plan-explore-link:hover { color: #b3ebff; }
.design-refresh .upgrade-note { margin-top: 25px; padding: 0; background: none; border: 0; color: #607d90; }
/* Offering chapters: keep interactive previews, remove repeated boxed treatment. */
.design-refresh .sales-hero { margin-bottom: 42px; gap: 50px; }
.design-refresh .sales-logo { width: 245px; margin: 16px 0 24px; }
.design-refresh .sales-hero h1 { font-weight: 700; font-size: clamp(2.5rem,4.8vw,3.8rem); }
.design-refresh .sales-hero__copy > p { font-size: 1rem; }
.design-refresh .hero-dashboard { transform: none; border-radius: 12px; background: #ffffff; border-color: #dce8ef; box-shadow: none; padding: 24px; }
.design-refresh .hero-dashboard::before { height: 2px; left: 0; right: 0; }
.design-refresh .hero-history { display: block; }
.design-refresh .hero-history > div { display: grid; grid-template-columns: 42px 1fr 45px; gap: 20px; align-items: center; padding: 15px 0; background: transparent; border: 0; border-top: 1px solid #dce8ef; border-radius: 0; }
.design-refresh .hero-history i { margin: 0; }
.design-refresh .hero-history strong { font-size: 1rem; }
.design-refresh .hero-portfolio > div { background: transparent; border: 0; border-top: 1px solid #dce8ef; border-radius: 0; padding: 15px 0; }
.design-refresh .sales-benefits { display: grid; grid-template-columns: .85fr 1.6fr; gap: 58px; margin-bottom: 40px; padding-top: 32px; border-top: 1px solid #dce8ef; }
.design-refresh .plan-area-grid { display: block; }
.design-refresh .plan-area-grid .sales-feature { display: grid; grid-template-columns: 30px 1fr; gap: 0 18px; padding: 20px 0; border: 0; border-bottom: 1px solid #dce8ef; background: transparent; box-shadow: none; border-radius: 0; transform: none; }
.design-refresh .sales-feature__icon { background: transparent; color: var(--plan-accent); width: 26px; height: 26px; margin: 0; grid-column: 1; grid-row: 1 / 3; }
.design-refresh .sales-feature__number { display: none; }
.design-refresh .sales-feature h3 { grid-column: 2; color: #17384f; font-size: 1.08rem; margin-bottom: 10px; }
.design-refresh .sales-feature p { grid-column: 2; color: #607d90; font-size: .87rem; line-height: 1.8; }
.design-refresh .sales-preview { padding-top: 24px; }
.design-refresh .sales-preview .section-intro { max-width: 900px; }
.design-refresh .sales-preview-panel { border-radius: 12px; box-shadow: none; border-color: #d6e4ed; background: #f8fafc; }
.design-refresh .preview-window-bar { padding: 18px 26px; background: transparent; }
.design-refresh .preview-tabs { padding-top: 14px; }
.design-refresh .preview-tabs button { border-radius: 999px; }
.design-refresh .preview-metric-grid { gap: 0; }
.design-refresh .preview-metric-grid > div { border: 0; border-right: 1px solid #dae5ed; background: transparent; border-radius: 0; padding: 5px 24px; }
.design-refresh .preview-metric-grid > div:first-child { padding-left: 0; }
.design-refresh .preview-metric-grid > div:last-child { border-right: 0; }
.design-refresh .preview-metric-grid strong { font-size: 2rem; }
.design-refresh .preview-trend aside { border: 0; border-left: 1px solid #dae5ed; border-radius: 0; background: transparent; }
.design-refresh .sales-close { border: 0; border-top: 1px solid #dce8ef; border-radius: 0; background: transparent; padding: 32px 0 8px; margin-top: 35px; }
.design-refresh .sales-close h2 { font-size: 2rem; }
/* Privacy and error: readable content, no stacked tiles. */
.design-refresh .policy-panel { max-width: none; padding: 30px 36px; background: #f8fafc; border: 0; border-radius: 12px; }
.design-refresh .policy-panel section { display: grid; grid-template-columns: 230px 1fr; gap: 12px 30px; padding: 24px 0; border-top: 1px solid #dce6ee; margin: 0; }
.design-refresh .policy-panel section h2 { grid-column: 1; grid-row: 1 / 3; font-size: 1rem; line-height: 1.6; margin: 0; }
.design-refresh .policy-panel section p { grid-column: 2; margin: 0; font-size: .89rem; line-height: 1.85; }
.design-refresh .contact-pending { background: none; padding: 0; border-radius: 0; }
.design-refresh .public-error-panel { padding: 5px 0 30px; background: transparent; border: 0; border-radius: 0; color: #47677c; }
.design-refresh .public-error-actions .secondary-information-button { border-color: #38596d; color: #17384f; }
.design-refresh .public-error-actions .secondary-information-button:hover { background: #173a51; }
/* Results: one paper workspace, a continuous metric strip and ruled disclosures. */
.design-refresh .compact-uploader { background: transparent; border: 0; border-bottom: 1px solid #dce8ef; box-shadow: none; border-radius: 0; margin-bottom: 26px; }
.design-refresh .compact-uploader > summary { background: transparent; padding: 16px 0; }
.design-refresh .compact-uploader__files strong { color: #17384f; }
.design-refresh .compact-uploader__files span { color: #607d90; }
.design-refresh .compact-uploader__action { background: transparent; color: #0874cf; border: 1px solid #395d73; border-radius: 999px; padding: 9px 16px; }
.design-refresh .compact-uploader__body { padding: 20px; background: #f8fafc; border-radius: 12px; margin-bottom: 24px; }
.design-refresh .results-dashboard { background: #f8fafc; color: #102c43; padding: 30px 34px; border-radius: 14px; margin-top: 0; }
.design-refresh .results-dashboard .results-heading h2 { color: #102c43; font-size: 1.8rem; font-weight: 700; letter-spacing: -.035em; }
.design-refresh .results-dashboard .eyebrow { color: #347c9f; }
.design-refresh .results-dashboard .summary-grid { grid-template-columns: 1.4fr 1fr 1.2fr 1.1fr; gap: 0; margin: 22px 0 0; padding: 20px 0 25px; border-top: 1px solid #d5e1e9; border-bottom: 1px solid #d5e1e9; }
.design-refresh .results-dashboard .summary-card { background: transparent; border: 0; border-right: 1px solid #d5e1e9; border-radius: 0; box-shadow: none; min-height: 0; padding: 0 22px; }
.design-refresh .results-dashboard .summary-card::before, .design-refresh .results-dashboard .summary-card::after { display: none; }
.design-refresh .results-dashboard .summary-card:first-child { padding-left: 0; }
.design-refresh .results-dashboard .summary-card:last-child { border-right: 0; padding-right: 0; }
.design-refresh .results-dashboard .metric-label { font-size: .65rem; letter-spacing: .07em; }
.design-refresh .results-dashboard .outcome-value { font-size: 1.27rem; margin-top: 15px; }
.design-refresh .results-dashboard .metric-caption { font-size: .73rem; line-height: 1.65; }
.design-refresh .results-dashboard .finish-flow { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
.design-refresh .results-dashboard .finish-flow strong { font-size: .93rem; }
.design-refresh .results-dashboard .key-findings { display: grid; grid-template-columns: 190px 1fr; gap: 32px; padding: 26px 0; background: transparent; border: 0; border-bottom: 1px solid #d5e1e9; border-radius: 0; box-shadow: none; margin: 0; }
.design-refresh .results-dashboard .key-findings .panel-heading { margin: 0; }
.design-refresh .results-dashboard .key-findings h3 { font-size: 1.22rem; letter-spacing: -.02em; }
.design-refresh .results-dashboard .findings-list { display: block; }
.design-refresh .results-dashboard .finding { background: transparent; border: 0; border-bottom: 1px solid #e1e9ef; border-radius: 0; padding: 10px 0; gap: 12px; font-size: .84rem; line-height: 1.7; }
.design-refresh .results-dashboard .finding:first-child { padding-top: 0; }
.design-refresh .results-dashboard .finding:last-child { border-bottom: 0; }
.design-refresh .results-dashboard .schedule-details-heading { margin: 28px 0 12px; }
.design-refresh .results-dashboard .schedule-details-heading h2 { font-size: 1.2rem; }
.design-refresh .results-dashboard .analysis-section { margin: 0; }
.design-refresh .results-dashboard .top-level-analysis { border: 0; border-top: 1px solid #d5e1e9; border-radius: 0; box-shadow: none; background: transparent; margin: 0; }
.design-refresh .results-dashboard .top-level-analysis > summary { padding: 22px 0; background: transparent; }
.design-refresh .results-dashboard .top-level-analysis[open] > summary { border-bottom: 1px solid #e1e9ef; background: transparent; }
.design-refresh .results-dashboard .analysis-icon { width: 28px; height: 28px; flex-basis: 28px; background: transparent; border-radius: 0; color: #1e7caf; font-size: 1.3rem; }
.design-refresh .results-dashboard .analysis-card__title h3 { font-size: 1.08rem; font-weight: 650; }
.design-refresh .results-dashboard .analysis-card__body { padding: 18px 0 24px; background: transparent; }
.design-refresh .results-dashboard .change-group { border: 0; border-top: 1px solid #dce6ee; border-radius: 0; box-shadow: none; background: transparent; margin-top: 0; }
.design-refresh .results-dashboard .change-group + .change-group { margin: 0; }
.design-refresh .results-dashboard .change-group > summary { background: transparent; padding: 17px 12px; }
.design-refresh .results-dashboard .change-group > summary:hover, .design-refresh .results-dashboard .top-level-analysis > summary:hover { background: #eef4f8; }
.design-refresh .results-dashboard .change-group > .analysis-card__body { padding: 0 12px 16px; }
.design-refresh .results-dashboard .analysis-card__title h4 { font-size: .94rem; font-weight: 600; }
.design-refresh .results-dashboard .task-row { border-radius: 0; border: 0; border-top: 1px solid #e1e9ef; background: transparent; padding: 14px 0; box-shadow: none; }
.design-refresh .results-dashboard .task-list, .design-refresh .results-dashboard .structural-list { gap: 0; }
.design-refresh .results-dashboard .structural-item { border: 0; border-top: 1px solid #e1e9ef; border-radius: 0; background: transparent; box-shadow: none; }
.design-refresh .results-dashboard .structural-item > summary { padding: 14px 0; background: transparent; }
.design-refresh .results-dashboard .structural-detail { background: #eef4f8; border-radius: 0; padding: 18px; }
.design-refresh .results-dashboard .detail-card { background: transparent; border: 0; border-bottom: 1px solid #d5e1e9; border-radius: 0; box-shadow: none; padding: 14px 0; }
.design-refresh .results-dashboard .critical-table-wrap { border-radius: 6px; background: #fff; }
.design-refresh .results-dashboard .empty-state { border: 0; background: transparent; padding: 24px 12px; border-radius: 0; }
@media (max-width: 1050px) {
    .design-refresh .page-shell, .design-refresh .app-header__inner, .design-refresh .app-footer__inner { width: calc(100% - 48px); }
    .design-refresh .hero--landing { gap: 28px; }
    .design-refresh .hero--landing h1 { font-size: 3.1rem; }
    .design-refresh .landing-features { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 32px; }
    .design-refresh .results-dashboard .summary-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .design-refresh .results-dashboard .summary-card { padding: 18px; }
    .design-refresh .results-dashboard .summary-card:first-child { padding-left: 18px; }
    .design-refresh .results-dashboard .summary-card:nth-child(2) { border-right: 0; }
    .design-refresh .results-dashboard .summary-card:nth-child(n+3) { border-top: 1px solid #d5e1e9; padding-top: 22px; }
    .design-refresh .upgrade-card { grid-template-columns: 1fr 1.2fr; gap: 14px 36px; }
    .design-refresh .upgrade-footer { grid-column: 2; grid-row: 4; align-self: start; }
}
@media (max-width: 800px) {
    .design-refresh .hero--landing { grid-template-columns: 1fr; }
    .design-refresh .hero--landing .hero__copy p { max-width: 620px; }
    .design-refresh .hero--landing > .compare-form { max-width: none; }
    .design-refresh .landing-guide-cue { grid-row: auto; margin: 0; }
    .design-refresh .compact-how-it-works, .design-refresh .use-cases, .design-refresh .guide-help, .design-refresh .sales-benefits { grid-template-columns: 1fr; gap: 20px; }
    .design-refresh .compact-how-it-works .full-guide-link { grid-column: 1; }
    .design-refresh .compact-how-it-works .information-bottom { grid-column: 1; }
    .design-refresh .guide-help h2 { grid-column: 1; grid-row: auto; margin-bottom: 0; }
    .design-refresh .guide-help details { grid-column: 1; }
    .design-refresh .policy-panel section { grid-template-columns: 1fr; }
    .design-refresh .policy-panel section h2 { grid-row: auto; }
    .design-refresh .policy-panel section p { grid-column: 1; }
    .design-refresh .results-dashboard .key-findings { grid-template-columns: 1fr; gap: 18px; }
}
@media (max-width: 540px) {
    .design-refresh .page-shell, .design-refresh .app-header__inner, .design-refresh .app-footer__inner { width: calc(100% - 32px); }
    .design-refresh .page-shell { padding-top: 28px; }
    .design-refresh .app-header__inner { min-height: 100px; padding: 12px 0; gap: 8px; }
    .design-refresh .app-header .brand__logo--provided { width: 180px; }
    .design-refresh .app-header .app-header__actions { gap: 20px; width: 100%; }
    .design-refresh .app-header .header-link, .design-refresh .app-header .header-upgrades__control { font-size: .8rem; padding: 7px 0; min-height: 32px; }
    .design-refresh .header-upgrades__menu { right: -100px; width: 265px; }
    .design-refresh .hero--landing h1 { font-size: 2.65rem; }
    .design-refresh .hero--landing .hero__copy p { font-size: .95rem; line-height: 1.75; }
    .design-refresh .hero--landing > .compare-form { padding: 20px; border-radius: 14px; }
    .design-refresh .hero--landing .upload-connector { top: 268px; right: 13px; }
    .design-refresh .hero--landing .upload-card { padding: 18px 45px 16px 14px; }
    .design-refresh .hero--landing .upload-step { flex-basis: 24px; width: 24px; }
    .design-refresh .hero--landing .upload-card__topline { gap: 10px; }
    .design-refresh .hero--landing .upload-icon { right: 14px; width: 24px; }
    .design-refresh .hero--landing .upload-icon svg { width: 24px; }
    .design-refresh .hero--landing .upload-title, .design-refresh .hero--landing .upload-subtitle { margin-left: 34px; }
    .design-refresh .hero--landing .upload-feedback { margin-left: 34px; width: calc(100% - 34px); }
    .design-refresh .hero--landing .upload-label { font-size: .85rem; }
    .design-refresh .hero--landing .upload-description { font-size: .7rem; }
    .design-refresh .landing-features { gap: 22px; }
    .design-refresh .landing-features article { flex-direction: column; gap: 8px; }
    .design-refresh .how-it-works-grid li { grid-template-columns: 25px 1fr; gap: 7px 13px; padding: 18px 0; }
    .design-refresh .how-it-works-grid p { grid-column: 2; }
    .design-refresh .information-bottom { align-items: flex-start; flex-direction: column; gap: 18px; }
    .design-refresh .information-hero h1 { font-size: 2.4rem; }
    .design-refresh .upgrade-card { grid-template-columns: 1fr; gap: 15px; }
    .design-refresh .upgrade-brand, .design-refresh .upgrade-description, .design-refresh .upgrade-features, .design-refresh .upgrade-footer { grid-column: 1; grid-row: auto; }
    .design-refresh .upgrade-footer { margin: 0 0 10px; }
    .design-refresh .upgrade-features h3 { margin-bottom: 8px; }
    .design-refresh .sales-benefits { margin-bottom: 20px; }
    .design-refresh .preview-metric-grid { grid-template-columns: 1fr; }
    .design-refresh .preview-metric-grid > div, .design-refresh .preview-metric-grid > div:first-child { padding: 15px 0; border-right: 0; border-bottom: 1px solid #dae5ed; }
    .design-refresh .preview-metric-grid > div:last-child { border-bottom: 0; }
    .design-refresh .preview-trend aside { border-left: 0; border-top: 1px solid #dae5ed; padding: 20px 0; }
    .design-refresh .sales-close h2 { font-size: 1.65rem; }
    .design-refresh .policy-panel { padding: 22px; }
    .design-refresh .results-dashboard { padding: 22px 18px; border-radius: 10px; }
    .design-refresh .results-dashboard .results-heading { align-items: flex-start; }
    .design-refresh .results-dashboard .results-heading h2 { font-size: 1.55rem; }
    .design-refresh .results-dashboard .summary-grid { grid-template-columns: 1fr; padding: 0; }
    .design-refresh .results-dashboard .summary-card, .design-refresh .results-dashboard .summary-card:first-child, .design-refresh .results-dashboard .summary-card:last-child { padding: 18px 0; border-right: 0; border-top: 1px solid #d5e1e9; }
    .design-refresh .results-dashboard .summary-card:first-child { border-top: 0; }
    .design-refresh .results-dashboard .top-level-analysis > summary { gap: 10px; padding: 20px 0; }
    .design-refresh .results-dashboard .analysis-card__title h3 { font-size: .97rem; }
    .design-refresh .results-dashboard .change-group > summary { padding: 16px 0; }
    .design-refresh .results-dashboard .change-group > .analysis-card__body { padding: 0 0 16px; }
    .design-refresh .app-footer__inner nav { margin-left: 0; width: 100%; margin-top: 8px; }
}
@media (prefers-reduced-motion: reduce) {
    .design-refresh *, .design-refresh *::before, .design-refresh *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
    .design-refresh .information-button:hover { transform: none; }
}

/* Final density and contrast adjustments after reviewing the rendered pages. */
.design-refresh .hero--landing .upload-card,
.design-refresh .hero--landing .upload-card.has-file,
.design-refresh .hero--landing .upload-card.has-error { height: 132px; min-height: 132px; border: 0; border-bottom: 1px dashed #a2c6df; border-radius: 0; background: transparent; }
.design-refresh .hero--landing .upload-card.has-file { background: #edf8f3; border-bottom-color: #72bca8; border-radius: 6px; }
.design-refresh .hero--landing .upload-card.has-error { background: #fff3f1; border-bottom-color: #be6962; border-radius: 6px; }
.design-refresh .hero--landing .upload-card:hover { background: #e7f2fa; border-bottom-color: #438dbd; border-radius: 6px; }
.design-refresh .hero--landing .upload-card.is-dragging { background: #deeffb; outline: 2px solid #147ec5; outline-offset: -2px; border-radius: 6px; }
.design-refresh .hero--landing .upload-connector { top: 260px; }
.design-refresh .upgrade-label { border: 0; border-radius: 0; }
.design-refresh .upgrade-features li { display: flex; gap: 12px; color: #47677c; }
.design-refresh .upgrade-features li > span { flex: 0 0 14px; }
.design-refresh .upgrade-footer > span { color: #0874cf; background: #eaf5ff; border: 1px solid #c9e1f3; border-radius: 999px; padding: 5px 10px; }
@media (max-width: 540px) {
    .design-refresh .hero--landing .upload-card,
    .design-refresh .hero--landing .upload-card.has-file,
    .design-refresh .hero--landing .upload-card.has-error { height: 148px; min-height: 148px; }
    .design-refresh .hero--landing .upload-connector { top: 268px; }
}

.design-refresh .hero--landing .upload-feedback { align-items: flex-start; text-align: left; gap: 3px; }
.design-refresh .hero--landing .upload-card.has-file .upload-description { display: none; }
.design-refresh .hero--landing .upload-card.has-file .upload-subtitle { margin-top: 5px; }
.design-refresh .results-dashboard .results-metadata { color: #687f90; }
.design-refresh .results-dashboard .structural-detail { grid-template-columns: 1fr; gap: 0; }

.design-refresh .hero--landing .upload-connector { position: absolute; margin: 0; bottom: auto; }
.design-refresh .upgrade-features li > span { position: static; left: auto; top: auto; width: 14px; height: auto; display: inline-block; }

/* Light emblem palette and a centred, direct comparison flow. */
.design-refresh .app-header { background: #fff; }
.design-refresh .app-header .header-link,
.design-refresh .app-header .header-upgrades__control { color:#47677c; border-radius:8px; padding:10px 14px; }
.design-refresh .app-header .header-link:hover,
.design-refresh .app-header .header-link[aria-current="page"],
.design-refresh .app-header .header-upgrades__control:hover,
.design-refresh .app-header .header-upgrades__control[aria-expanded="true"],
.design-refresh .app-header .header-upgrades__control.is-current { color:#0074fc; background:#edf6ff; box-shadow:none; }
.design-refresh .header-upgrades__menu { width:230px; padding:8px; right:0; box-shadow:0 12px 30px rgba(23,56,79,.1); }
.design-refresh .header-upgrades__menu a { color:#17384f; }
.design-refresh .header-upgrades__menu a:hover,
.design-refresh .header-upgrades__menu a[aria-current="page"] { background:#edf6ff; color:#0074fc; }
.design-refresh .hero--landing { display:flex; flex-direction:column; gap:26px; }
.design-refresh .hero--landing .hero__copy { text-align:center; max-width:850px; }
.design-refresh .hero--landing h1 { color:#17384f; font-size:clamp(2.4rem,4.3vw,3.6rem); margin:12px 0 15px; }
.design-refresh .hero--landing .hero__copy p { max-width:none; line-height:1.6; }
.design-refresh .hero__accent { color:#0074fc; }
.design-refresh .hero-gantt { display:none; }
.design-refresh .hero--landing > .compare-form { position:relative; width:min(1040px,100%); padding:28px; background:#fff; border-radius:18px; box-shadow:0 8px 30px rgba(23,56,79,.06); }
.design-refresh .hero--landing .upload-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:54px; }
.design-refresh .hero--landing .upload-card,
.design-refresh .hero--landing .upload-card.has-file,
.design-refresh .hero--landing .upload-card.has-error { height:224px; min-height:224px; padding:20px; align-items:center; text-align:center; border:1px dashed #8dbef2; border-radius:12px; background:#f6faff; }
.design-refresh .hero--landing .upload-card__topline { align-items:center; gap:12px; text-align:left; }
.design-refresh .hero--landing .upload-step { width:38px; height:38px; flex-basis:38px; border-radius:9px; background:#e3f0ff; color:#0074fc; font-size:1.15rem; }
.design-refresh .hero--landing .upload-card--comparison .upload-step { background:#def8f0; color:#009c7c; }
.design-refresh .hero--landing .upload-icon { position:static; width:46px; height:42px; margin:22px 0 8px; }
.design-refresh .hero--landing .upload-icon svg { width:46px; height:42px; }
.design-refresh .hero--landing .upload-title { margin:0; font-size:.9rem; }
.design-refresh .hero--landing .upload-subtitle { margin:5px 0 0; }
.design-refresh .hero--landing .upload-feedback { margin:8px 0 0; width:100%; text-align:center; align-items:center; }
.design-refresh .hero--landing .upload-file { text-align:center; }
.design-refresh .hero--landing .upload-card.has-file { background:#effaf6; border-color:#69c6ad; }
.design-refresh .hero--landing .upload-card.has-error { background:#fff3f1; border-color:#c86e65; }
.design-refresh .hero--landing .upload-card:hover { background:#edf6ff; border-color:#0074fc; border-radius:12px; }
.design-refresh .hero--landing .upload-card.has-file:hover { background:#e5f7ef; border-color:#009c7c; }
.design-refresh .hero--landing .upload-card.is-dragging { background:#e4f2ff; outline:2px solid #0074fc; border-radius:12px; }
.design-refresh .hero--landing .upload-connector { top:120px; left:calc(50% - 18px); right:auto; background:#fff; color:#0074fc; }
.design-refresh .hero--landing .primary-button { width:min(380px,100%); background:#0074fc; }
.design-refresh .hero--landing .primary-button:hover:not(:disabled) { background:#0066de; }
.design-refresh .hero--landing .compare-form__guidance { display:flex; flex-direction:row; gap:8px; }
.design-refresh .hero--landing .privacy-note a { color:#47677c; }
.design-refresh .landing-features { width:100%; margin-top:4px; padding:20px 0; }
.design-refresh .landing-features h2 { color:#17384f; }
.design-refresh .landing-guide { margin-top:24px; }
.design-refresh .compact-how-it-works__heading h2 { font-size:1.6rem; }
.design-refresh .full-guide-link, .design-refresh .plan-explore-link, .design-refresh .upgrade-note a { color:#0074fc; }
.design-refresh .information-hero h1, .design-refresh .section-intro h2,
.design-refresh .sales-hero h1, .design-refresh .sales-close h2 { color:#17384f; }
.design-refresh .information-hero h1 span { color:#0074fc; }
.design-refresh .sales-hero__copy > p,
.design-refresh .sales-hero__copy .sales-availability, .design-refresh .sales-close p { color:#607d90; }
.design-refresh .hero-dashboard__title, .design-refresh .hero-dashboard__metric strong,
.design-refresh .hero-history strong, .design-refresh .hero-portfolio strong { color:#17384f; }
.design-refresh .hero-dashboard__title > span:last-child,
.design-refresh .hero-dashboard__metric span, .design-refresh .hero-history span,
.design-refresh .hero-dashboard__footer, .design-refresh .hero-dashboard figcaption,
.design-refresh .hero-portfolio span { color:#607d90; }
.design-refresh .hero-dashboard__footer, .design-refresh .hero-portfolio > div { border-color:#dce8ef; }
.design-refresh .upgrade-brand { background:transparent; padding:0; }
.design-refresh .upgrade-footer .plan-explore-link:hover { color:#005bbb; }
.design-refresh .public-error-actions .secondary-information-button { border-color:#c9e1f3; color:#0074fc; }
.design-refresh .public-error-actions .secondary-information-button:hover { background:#edf6ff; }
.design-refresh .compact-uploader__action { border-color:#c9e1f3; }
.design-refresh .results-dashboard { background:#fff; box-shadow:0 5px 22px rgba(23,56,79,.04); }
@media(max-width:540px) {
 .design-refresh .app-header .app-header__actions { gap:6px; justify-content:center; }
 .design-refresh .app-header .header-link, .design-refresh .app-header .header-upgrades__control { padding:8px 9px; }
 .design-refresh .header-upgrades__menu { right:-55px; width:220px; }
 .design-refresh .hero--landing { gap:20px; }
 .design-refresh .hero--landing h1 { font-size:2.25rem; }
 .design-refresh .hero--landing > .compare-form { padding:12px; }
 .design-refresh .hero--landing .upload-grid { gap:18px; }
 .design-refresh .hero--landing .upload-card,
 .design-refresh .hero--landing .upload-card.has-file,
 .design-refresh .hero--landing .upload-card.has-error { padding:12px 8px; height:218px; min-height:218px; }
 .design-refresh .hero--landing .upload-card__topline { flex-direction:column; gap:7px; text-align:center; }
 .design-refresh .hero--landing .upload-step { width:28px; height:28px; flex-basis:28px; font-size:.9rem; }
 .design-refresh .hero--landing .upload-label { font-size:.78rem; }
 .design-refresh .hero--landing .upload-description { font-size:.65rem; }
 .design-refresh .hero--landing .upload-icon { margin:15px 0 7px; width:34px; height:32px; }
 .design-refresh .hero--landing .upload-icon svg { width:34px; height:32px; }
 .design-refresh .hero--landing .upload-title { font-size:.76rem; }
 .design-refresh .hero--landing .upload-subtitle { font-size:.72rem; margin-left:0; }
 .design-refresh .hero--landing .upload-feedback { margin-left:0; width:100%; }
 .design-refresh .hero--landing .upload-file { font-size:.75rem; }
 .design-refresh .hero--landing .upload-file-status { font-size:.66rem; }
 .design-refresh .hero--landing .upload-connector { width:28px; height:28px; left:calc(50% - 14px); top:110px; }
 .design-refresh .hero--landing .compare-form__guidance { flex-direction:column; gap:3px; }
 .design-refresh .landing-features p { display:none; }
}

.design-refresh .compact-how-it-works h2, .design-refresh .how-it-works-grid h3 { color:#17384f; }

.design-refresh .hero-portfolio small { color:#08795e; }

/* Express-inspired clarity: white canvas, strong type and a prominent upload workspace. */
body.design-refresh, .design-refresh.landing-page { background:#fff; color:#172f40; }
.design-refresh .app-header { border-bottom-color:#e7edf1; }
.design-refresh .app-header__inner { min-height:76px; }
.design-refresh .page-shell { padding-top:36px; }
.design-refresh .eyebrow { color:#0074d9; }
.design-refresh .hero--landing { gap:24px; }
.design-refresh .hero--landing .hero__copy { max-width:960px; }
.design-refresh .hero--landing h1 { font-size:clamp(2.3rem,4vw,3.4rem); letter-spacing:-.045em; line-height:1.1; margin:12px 0 16px; color:#172f40; }
.design-refresh .hero--landing .hero__copy p { color:#526675; font-size:1rem; }
.design-refresh .hero--landing > .compare-form { width:min(1040px,100%); padding:26px; border:1px solid #e0e8ed; border-radius:22px; background:#fff; box-shadow:0 3px 8px rgba(23,47,64,.06),0 12px 32px rgba(23,47,64,.06); }
.design-refresh .hero--landing .upload-card,
.design-refresh .hero--landing .upload-card.has-file,
.design-refresh .hero--landing .upload-card.has-error { border-width:2px; border-radius:16px; height:244px; min-height:244px; background:#f9fcff; border-color:#a9cbe9; }
.design-refresh .hero--landing .upload-card:hover { background:#f0f8ff; border-color:#0074fc; border-radius:16px; box-shadow:0 3px 12px rgba(0,116,252,.07); }
.design-refresh .hero--landing .upload-card.has-file { background:#f1fbf7; border-color:#68c9ae; }
.design-refresh .hero--landing .upload-card.has-file:hover { background:#eaf9f2; border-color:#009c7c; }
.design-refresh .hero--landing .upload-card.has-error { background:#fff5f3; border-color:#c86e65; }
.design-refresh .hero--landing .upload-card.is-dragging { background:#e8f4ff; border-color:#0074fc; border-radius:16px; }
.design-refresh .hero--landing .upload-icon { margin-top:26px; color:#0074fc; }
.design-refresh .hero--landing .upload-title { font-size:1.02rem; font-weight:650; }
.design-refresh .hero--landing .upload-subtitle { font-size:.86rem; font-weight:550; }
.design-refresh .hero--landing .upload-label { font-size:1rem; }
.design-refresh .hero--landing .upload-connector { top:130px; }
.design-refresh .hero--landing .primary-button { min-height:50px; font-size:1rem; width:min(340px,100%); }
.design-refresh .hero--landing .compare-readiness,
.design-refresh .hero--landing .privacy-note { color:#526675; font-size:.73rem; }
.design-refresh .landing-features { border-top:0; border-bottom:1px solid #e3ebf0; }
.design-refresh .feature-icon { color:#0074d9; }
.design-refresh .landing-guide { padding:24px 0 4px; }
.design-refresh .compact-how-it-works { grid-template-columns:1fr; gap:24px; }
.design-refresh .compact-how-it-works__heading { text-align:center; }
.design-refresh .compact-how-it-works__heading h2 { font-size:1.9rem; }
.design-refresh .how-it-works-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.design-refresh .how-it-works-grid li { display:block; padding:8px 0; border:0; text-align:center; }
.design-refresh .how-it-works-grid .guide-number { display:inline-grid; place-items:center; width:30px; height:30px; margin-bottom:12px; border-radius:50%; background:#eaf5ff; color:#0074d9; }
.design-refresh .how-it-works-grid h3 { margin:0 0 8px; font-size:1.12rem; }
.design-refresh .how-it-works-grid p { color:#526675; }
.design-refresh .compact-how-it-works .full-guide-link { grid-column:1; justify-self:center; }
.design-refresh .app-footer { background:#f8fbfd; color:#607d90; }
.design-refresh .results-dashboard { background:#fff; border:1px solid #e3ebf0; box-shadow:0 4px 24px rgba(23,47,64,.05); }
.design-refresh .sales-preview-panel, .design-refresh .hero-dashboard { box-shadow:0 4px 20px rgba(23,47,64,.05); }
.design-refresh .app-header .header-upgrades__control { display:flex; align-items:center; padding:0; border-radius:9px; gap:0; min-height:42px; }
.design-refresh .app-header .header-upgrades__overview { display:inline-flex; align-items:center; min-height:42px; padding:10px 0 10px 14px; font-size:.86rem; font-weight:550; text-decoration:none; color:inherit; border-radius:9px; }
.design-refresh .app-header .header-upgrades__toggle { width:36px; height:42px; padding:0; border-radius:9px; color:inherit; background:transparent; }
.design-refresh .app-header .header-upgrades__control:has([aria-expanded="true"]) { background:#edf6ff; color:#0074fc; }
.design-refresh .app-header .header-upgrades__toggle:hover { background:transparent; }
.design-refresh .header-upgrades__menu { top:100%; }
/* Keep disclosure icons entirely inside the hit area in both rotated states. */
.design-refresh .results-dashboard .analysis-card > summary,
.design-refresh .results-dashboard .critical-card > summary,
.design-refresh .results-dashboard .structural-item > summary { padding-right:12px; }
.design-refresh .results-dashboard .analysis-card__meta { flex:0 0 auto; }
.design-refresh .results-dashboard .chevron {
 width:20px; height:20px; flex:0 0 20px; margin:0; border:0;
 background:center / 16px 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m5 7.5 5 5 5-5' stroke='%23526775' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 transform:rotate(0deg);
}
.design-refresh .results-dashboard .analysis-card[open] > summary .chevron,
.design-refresh .results-dashboard .critical-card[open] > summary .chevron,
.design-refresh .results-dashboard .structural-item[open] > summary .chevron { transform:rotate(180deg); }
@media(max-width:540px) {
 .design-refresh .app-header .header-upgrades__control { padding:0; min-height:36px; }
 .design-refresh .app-header .header-upgrades__overview { padding:8px 0 8px 9px; min-height:36px; font-size:.8rem; }
 .design-refresh .app-header .header-upgrades__toggle { width:30px; height:36px; }
 .design-refresh .hero--landing h1 { font-size:2.1rem; }
 .design-refresh .hero--landing > .compare-form { padding:12px; border-radius:18px; }
 .design-refresh .hero--landing .upload-card,
 .design-refresh .hero--landing .upload-card.has-file,
 .design-refresh .hero--landing .upload-card.has-error { height:230px; min-height:230px; padding:12px 6px; border-radius:12px; }
 .design-refresh .hero--landing .upload-label { font-size:.78rem; }
 .design-refresh .hero--landing .upload-title { font-size:.77rem; }
 .design-refresh .hero--landing .upload-subtitle { font-size:.74rem; }
 .design-refresh .hero--landing .upload-icon { margin-top:20px; }
 .design-refresh .hero--landing .upload-connector { top:115px; }
 .design-refresh .hero--landing .compare-readiness,
 .design-refresh .hero--landing .privacy-note { font-size:.68rem; }
 .design-refresh .compact-how-it-works__heading h2 { font-size:1.5rem; }
 .design-refresh .how-it-works-grid { gap:10px; }
 .design-refresh .how-it-works-grid h3 { font-size:.9rem; }
 .design-refresh .how-it-works-grid p { font-size:.73rem; }
}

.design-refresh .header-upgrades__control:has(:focus-visible) { outline:2px solid #38afe9; outline-offset:4px; }
.design-refresh .header-upgrades__control a:focus-visible, .design-refresh .header-upgrades__control button:focus-visible { outline:none; }

/* Section backgrounds replace decorative dividing lines.
   Full-width paint stays behind the existing centred content. */
.design-refresh {
 --section-blue:linear-gradient(115deg,#eaf3ff 0%,#eef8ff 55%,#e0f8f0 100%);
 --section-teal:linear-gradient(115deg,#e0f7ef 0%,#eafbf7 60%,#eaf5ff 100%);
 --section-close:linear-gradient(110deg,#dcecff 0%,#e7f4ff 45%,#d8f5e9 100%);
}
.design-refresh .hero--landing,
.design-refresh .landing-features,
.design-refresh .landing-guide,
.design-refresh .information-hero,
.design-refresh .use-cases,
.design-refresh .guide-help,
.design-refresh .information-bottom,
.design-refresh .upgrade-card,
.design-refresh .upgrade-note,
.design-refresh .sales-hero,
.design-refresh .sales-benefits,
.design-refresh .sales-preview,
.design-refresh .sales-close,
.design-refresh .policy-panel section {
 position:relative; isolation:isolate;
}
.design-refresh .hero--landing::before,
.design-refresh .landing-features::before,
.design-refresh .landing-guide::before,
.design-refresh .information-hero::before,
.design-refresh .use-cases::before,
.design-refresh .guide-help::before,
.design-refresh .information-bottom::before,
.design-refresh .upgrade-card::before,
.design-refresh .upgrade-note::before,
.design-refresh .sales-hero::before,
.design-refresh .sales-benefits::before,
.design-refresh .sales-preview::before,
.design-refresh .sales-close::before,
.design-refresh .policy-panel section::before {
 content:""; position:absolute; z-index:-1; pointer-events:none;
 top:0; bottom:0; left:calc((100% - 100vw) / 2); width:100vw;
 background:var(--section-fill,#fff);
}
.design-refresh .page-shell { padding-top:0; padding-bottom:0; }
.design-refresh .hero--landing { --section-fill:var(--section-blue); padding-top:36px; gap:24px; }
.design-refresh .hero--landing .hero__copy { padding:0 0 4px; }
.design-refresh .hero--landing > .compare-form { box-shadow:0 4px 12px rgba(23,47,64,.05),0 14px 35px rgba(0,91,150,.07); }
.design-refresh .landing-features { --section-fill:#fff; border:0; padding:24px 0; margin:8px 0 0; }
.design-refresh .landing-guide { --section-fill:var(--section-teal); margin:0; padding:36px 0; }
.design-refresh .information-hero { --section-fill:var(--section-blue); border:0; padding:40px 0; margin:0; }
.design-refresh .use-cases { --section-fill:#fff; padding:36px 0; }
.design-refresh .use-case-grid article { border:0; padding:15px 0; }
.design-refresh .guide-help { --section-fill:var(--section-teal); border:0; margin:0; padding:36px 0; }
.design-refresh .guide-help details { border:0; }
.design-refresh .information-bottom { --section-fill:var(--section-close); border:0; margin:0; padding:30px 0; }
.design-refresh .upgrade-card { --section-fill:var(--section-blue); border:0; padding:36px 0; overflow:visible; }
.design-refresh .upgrade-card--business { --section-fill:var(--section-teal); }
.design-refresh .upgrade-features li { border:0; }
.design-refresh .upgrade-note { --section-fill:#fff; margin:0; padding:28px 0; }
.design-refresh .sales-plan > .plan-back-link { display:inline-flex; margin:20px 0 16px; }
.design-refresh .sales-hero { --section-fill:var(--section-blue); padding:28px 0 36px; margin:0; }
.design-refresh .sales-benefits { --section-fill:#fff; border:0; margin:0; padding:36px 0; }
.design-refresh .plan-area-grid .sales-feature { border:0; padding:15px 0; }
.design-refresh .sales-preview { --section-fill:var(--section-teal); padding:36px 0; }
.design-refresh .sales-close { --section-fill:var(--section-close); border:0; padding:36px 0; margin:0; }
.design-refresh .policy-panel { padding:0; border-radius:0; background:transparent; }
.design-refresh .policy-updated { margin:0; padding:24px 0; }
.design-refresh .policy-panel section { --section-fill:#fff; border:0; padding:26px 0; }
.design-refresh .policy-panel section:nth-of-type(3n + 1) { --section-fill:#edf5ff; }
.design-refresh .policy-panel section:nth-of-type(3n + 2) { --section-fill:#eaf8f2; }
.design-refresh .policy-panel > .information-button { margin:24px 0; }
.design-refresh .public-error-panel { padding:30px 0 40px; }
.design-refresh .app-footer { border:0; background:#f4f8fb; }
/* Results use solid section colours so expanding details never shifts a gradient. */
.design-refresh.results-page { background:#f4f8fc; }
.design-refresh.results-page .page-shell { padding-top:24px; padding-bottom:32px; }
.design-refresh .results-dashboard .summary-grid { border:0; margin-top:18px; padding-bottom:26px; }
.design-refresh .results-dashboard .key-findings { background:#edf5ff; border:0; padding:24px; margin:0; border-radius:10px; }
.design-refresh .results-dashboard .schedule-details-heading { margin:26px 0 14px; }
.design-refresh .results-dashboard .analysis-section { border:0; margin:0 0 14px; padding:4px 18px; border-radius:10px; background:#eef5ff; }
.design-refresh .results-dashboard .analysis-section:has(#progress-tracker) { background:#eaf8f2; }
.design-refresh .results-dashboard .analysis-section:has(#critical-analysis) { background:#eef1fd; }
.design-refresh .results-dashboard .top-level-analysis { border:0; background:transparent; }
.design-refresh .results-dashboard .top-level-analysis[open] > summary { border-bottom:0; }
.design-refresh .results-dashboard .top-level-analysis > summary:hover { background:transparent; }
.design-refresh .results-dashboard .top-level-analysis > summary,
.design-refresh .results-dashboard .top-level-analysis[open] > summary,
.design-refresh .results-dashboard .analysis-card__body { background:transparent; }
.design-refresh .results-dashboard .structural-detail { background:rgba(255,255,255,.65); border-radius:8px; }
.design-refresh .results-dashboard .change-group > summary:hover { background:rgba(255,255,255,.55); }
.design-refresh .results-dashboard .findings-list .finding { border:0; }
@media(max-width:540px) {
 .design-refresh .hero--landing { padding-top:28px; }
 .design-refresh .landing-features { padding:22px 0; }
 .design-refresh .landing-guide,
 .design-refresh .information-hero,
 .design-refresh .use-cases,
 .design-refresh .guide-help,
 .design-refresh .upgrade-card,
 .design-refresh .sales-hero,
 .design-refresh .sales-benefits,
 .design-refresh .sales-preview,
 .design-refresh .sales-close { padding-top:28px; padding-bottom:28px; }
 .design-refresh .results-dashboard .key-findings { padding:18px 14px; }
 .design-refresh .results-dashboard .analysis-section { padding:2px 10px; }
}

.design-refresh .upgrade-card { --section-fill:#fff; }
.design-refresh .upgrade-card--business { --section-fill:var(--section-teal); }

/* Reserve colour for major chapters; minor sections use quiet separators. */
.design-refresh .guide-help { --section-fill:#fff; border-top:1px solid #e0e9ef; }
.design-refresh .guide-help details { border-bottom:1px solid #e0e9ef; }
.design-refresh .guide-help details:last-child { border-bottom:0; }
.design-refresh .information-bottom { --section-fill:#fff; border-top:1px solid #e0e9ef; }
.design-refresh .policy-panel section,
.design-refresh .policy-panel section:nth-of-type(3n + 1),
.design-refresh .policy-panel section:nth-of-type(3n + 2) { --section-fill:#fff; border-top:1px solid #e0e9ef; }
.design-refresh .policy-panel section::before { display:none; }
.design-refresh .policy-panel > .information-button { margin-top:24px; }
.design-refresh .upgrade-card--business { --section-fill:#fff; border-top:1px solid #e0e9ef; }
.design-refresh .upgrade-note { border-top:1px solid #e0e9ef; }
.design-refresh .sales-close { --section-fill:#fff; border-top:1px solid #e0e9ef; }
.design-refresh .results-dashboard .key-findings { background:transparent; border-top:1px solid #dce6ed; border-bottom:1px solid #dce6ed; border-radius:0; padding:24px 0; }
.design-refresh .results-dashboard .analysis-section,
.design-refresh .results-dashboard .analysis-section:has(#progress-tracker),
.design-refresh .results-dashboard .analysis-section:has(#critical-analysis) { background:transparent; border-radius:0; padding:0; margin:0; }
.design-refresh .results-dashboard .top-level-analysis { border-top:1px solid #dce6ed; }
.design-refresh .results-dashboard .top-level-analysis[open] > summary { border-bottom:1px solid #e3ebf0; }
.design-refresh .results-dashboard .top-level-analysis > summary:hover { background:#f4f8fb; }
.design-refresh .results-dashboard .structural-detail { background:#f2f7fb; }
@media(max-width:540px) {
 .design-refresh .results-dashboard .key-findings { padding:20px 0; }
 .design-refresh .results-dashboard .analysis-section { padding:0; }
}

/* Branding refinements: transparent plan logos and a solid emblem-colour header rule. */
.design-refresh .sales-logo { background:transparent; padding:0; border-radius:0; }
.design-refresh .landing-guide { --section-fill:#fff; border-top:1px solid #e0e9ef; }
.design-refresh .app-header { position:relative; border-bottom:0; }
.design-refresh .app-header::after {
 display:block; content:""; position:absolute; bottom:0; left:0; width:100%; height:2px;
 background:linear-gradient(90deg,#0074fc 0%,#008df2 45%,#00cca0 100%); opacity:1;
 pointer-events:none;
}

/* Completed comparison report action */
body.design-refresh .report-actions { display:flex; align-items:center; gap:18px; flex-wrap:wrap; justify-content:flex-end; }
body.design-refresh .report-actions form { margin:0; }
body.design-refresh .report-button { display:inline-flex; align-items:center; gap:12px; padding:11px 17px; border:1px solid #b8d6ee; border-radius:999px; background:#f3f9ff; color:#1766b0; font:inherit; font-weight:650; cursor:pointer; transition:background .18s ease, border-color .18s ease, box-shadow .18s ease; }
body.design-refresh .report-button:hover { background:#e7f3ff; border-color:#0074fc; box-shadow:0 3px 10px #0074fc12; }
body.design-refresh .report-button:focus-visible { outline:3px solid #0074fc; outline-offset:3px; }
body.design-refresh .report-button:active { background:#dcecff; }
body.design-refresh .report-button:disabled { cursor:wait; opacity:.7; }
body.design-refresh .report-message { margin:0 0 18px; padding:12px 16px; border-left:3px solid #00a686; background:#f0faf7; color:#245b50; font-size:.9rem; }
body.design-refresh .report-message--error { border-color:#b83f39; background:#fff4f2; color:#973d36; }
@media (max-width:640px) { body.design-refresh .report-actions { justify-content:flex-start; gap:10px; } }
@media (prefers-reduced-motion:reduce) { body.design-refresh .report-button { transition:none; } }

/* Readable section labels and one cohesive, emblem-coloured benefits band. */
.design-refresh .hero--landing .eyebrow,
.design-refresh .landing-guide .eyebrow,
.design-refresh.information-page .eyebrow {
 font-size:.9rem; line-height:1.5; letter-spacing:.1em; font-weight:700; color:#0869aa;
}
.design-refresh .landing-features {
 grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; padding:26px 24px; margin:8px 0 0;
 background:linear-gradient(110deg,#edf5ff 0%,#eef9fc 52%,#e5f8f0 100%);
 border:1px solid #cee3e9; border-radius:22px;
 box-shadow:0 6px 22px rgba(23,56,79,.055);
}
.design-refresh .landing-features::before { display:none; }
.design-refresh .landing-features article {
 align-items:flex-start; flex-direction:column; gap:12px; padding:0 20px;
 border:0; border-left:1px solid #cbdfe6; min-width:0;
}
.design-refresh .landing-features article:first-child { padding-left:0; border-left:0; }
.design-refresh .landing-features article:last-child { padding-right:0; }
.design-refresh .landing-features .feature-icon {
 flex:0 0 44px; width:44px; height:44px; border-radius:13px;
 color:#006dcc; background:linear-gradient(145deg,#fff,#dceeff);
 border:1px solid #c4dff3; box-shadow:0 3px 8px rgba(0,100,180,.08);
}
.design-refresh .landing-features article:nth-child(even) .feature-icon {
 color:#087963; background:linear-gradient(145deg,#fff,#d5f3e8); border-color:#b9e4d5;
}
.design-refresh .landing-features .feature-icon svg { width:26px; height:26px; stroke-width:1.9; }
.design-refresh .landing-features h2 {
 margin:0 0 6px; font-size:.98rem; line-height:1.35; font-weight:700; text-wrap:pretty;
}
.design-refresh .landing-features p {
 display:block; margin:0; font-size:.84rem; line-height:1.6; color:#426174;
}
@media(max-width:1000px) {
 .design-refresh .landing-features { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 0; }
 .design-refresh .landing-features article:nth-child(3) { border-left:0; padding-left:0; }
 .design-refresh .landing-features article:nth-child(2) { padding-right:0; }
}
@media(max-width:540px) {
 .design-refresh .landing-features { padding:20px 16px; border-radius:18px; gap:22px 0; }
 .design-refresh .landing-features article { padding:0 12px; gap:10px; }
 .design-refresh .landing-features h2 { font-size:.9rem; }
 .design-refresh .landing-features p { font-size:.8rem; }
}

/* Results: neutral surfaces, precise dividers and restrained blue accents. */
.design-refresh .results-dashboard > .results-heading:not(.schedule-details-heading) {
 padding:22px; margin:0; border:1px solid #dce4eb; border-bottom:0; border-radius:12px 12px 0 0;
 background:#fff;
}
.design-refresh .results-dashboard .eyebrow { font-size:.82rem; font-weight:700; letter-spacing:.08em; color:#0869aa; }
.design-refresh .results-dashboard .summary-grid {
 margin:0; padding:22px; background:#f8fafc; border:1px solid #dce4eb;
 border-radius:0 0 12px 12px;
}
.design-refresh .results-dashboard .metric-label { font-size:.74rem; color:#416277; font-weight:700; }
.design-refresh .results-dashboard .metric-caption { font-size:.8rem; color:#486476; }
.design-refresh .results-dashboard .key-findings {
 margin:18px 0 0; padding:22px 0; border:0; border-bottom:1px solid #e1e7ed; border-radius:0;
 background:transparent;
}
.design-refresh .results-dashboard .key-findings .section-kicker { color:#526c80; font-size:.75rem; }
.design-refresh .results-dashboard .finding__marker { background:#0875dc; }
.design-refresh .results-dashboard .analysis-section {
 --chapter-fill:#fff; --chapter-hover:#f7f9fc; --chapter-border:#dce4eb; --chapter-accent:#0869b1;
 margin:14px 0;
}
.design-refresh .results-dashboard .analysis-section:has(#progress-tracker) {
 margin:14px 0;
}
.design-refresh .results-dashboard .analysis-section:has(#critical-analysis) {
 margin:14px 0;
}
.design-refresh .results-dashboard .top-level-analysis {
 border:1px solid var(--chapter-border); border-radius:12px; background:var(--chapter-fill);
}
.design-refresh .results-dashboard .top-level-analysis > summary,
.design-refresh .results-dashboard .top-level-analysis[open] > summary {
 padding:20px; background:transparent; border-radius:12px; border-bottom:0;
}
.design-refresh .results-dashboard .top-level-analysis[open] > summary { border-bottom:1px solid var(--chapter-border); border-radius:12px 12px 0 0; }
.design-refresh .results-dashboard .top-level-analysis > summary:hover { background:var(--chapter-hover); }
.design-refresh .results-dashboard .analysis-icon {
 display:grid; place-items:center; width:42px; height:42px; flex:0 0 42px;
 border-radius:10px; background:#edf4fc; color:var(--chapter-accent); font-size:1.45rem;
 border:1px solid #d9e6f4; box-shadow:none;
}
.design-refresh .results-dashboard .analysis-icon svg { display:block; width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.design-refresh .results-dashboard .top-level-analysis > .analysis-card__body {
 padding:8px 20px 20px; background:transparent;
}
.design-refresh .results-dashboard .change-group > summary:hover { background:#f7f9fc; }
.design-refresh .results-dashboard .critical-table-wrap { border:1px solid #dce4eb; }
.design-refresh .results-dashboard .critical-table--header { background:#f3f6f9; color:#385266; }
body.design-refresh .report-button {
 min-height:46px; border:1px solid #0066c8; border-radius:10px; padding:12px 18px;
 background:#0875dc; color:#fff; font-size:.9rem; font-weight:700; gap:10px;
 box-shadow:0 3px 8px rgba(0,102,200,.18); flex-shrink:0;
 transition:background .16s ease,box-shadow .16s ease,transform .16s ease;
}
body.design-refresh .report-button svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
body.design-refresh .report-button:hover { background:#0065c5; border-color:#005bb3; box-shadow:0 5px 14px rgba(0,102,200,.2); transform:translateY(-1px); }
body.design-refresh .report-button:active { background:#0058af; transform:translateY(0); box-shadow:0 1px 4px rgba(0,102,200,.18); }
body.design-refresh .report-button:disabled { background:#0875dc; transform:none; box-shadow:none; }
@media(max-width:700px) {
 .design-refresh .results-dashboard > .results-heading:not(.schedule-details-heading),
 .design-refresh .results-dashboard .summary-grid,
 .design-refresh .results-dashboard .key-findings { padding:18px 14px; }
 .design-refresh .results-dashboard .key-findings { grid-template-columns:1fr; gap:14px; }
 .design-refresh .results-dashboard .top-level-analysis > summary { padding:16px 12px; }
 .design-refresh .results-dashboard .top-level-analysis > .analysis-card__body { padding:6px 12px 16px; }
 .design-refresh .results-dashboard .analysis-icon { width:36px; height:36px; flex-basis:36px; border-radius:10px; }
}
@media(prefers-reduced-motion:reduce) {
 body.design-refresh .report-button,
 body.design-refresh .report-button:hover { transition:none; transform:none; }
}

/* Compact comparison scope using the existing information-page layout. */
.design-refresh .comparison-scope { border-top:1px solid #e0e9ef; }
.design-refresh .comparison-scope .use-case-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 28px; }
.design-refresh .comparison-scope .use-case-grid article { display:block; padding:0; }
.design-refresh .information-bottom .comparison-cta-support { margin-top:8px; font-size:.87rem; line-height:1.7; color:#607d90; }
@media(max-width:540px) {
 .design-refresh .comparison-scope .use-case-grid { grid-template-columns:1fr; gap:20px; }
}

/* Critical change statuses use the same meaning in the dashboard and report. */
.design-refresh .results-dashboard .status-chip.critical-tag--added { background:#fee2e2; color:#991b1b; border-color:#fca5a5; }
.design-refresh .results-dashboard .status-chip.critical-tag--ceased { background:#edf2f7; color:#475569; border-color:#cbd5e1; }
.design-refresh .results-dashboard .status-chip.critical-tag--removed { background:#ffedd5; color:#9a3412; border-color:#fdba74; }

/* One upgrade destination: Compare, Track, Portfolio. */
.design-refresh .upgrade-page .upgrade-hero { padding-top:12px; padding-bottom:32px; margin-bottom:32px; }
.design-refresh .upgrade-page .upgrade-hero h1 { font-size:clamp(2rem,3.6vw,3rem); max-width:820px; margin:12px 0 16px; }
.design-refresh .upgrade-page .upgrade-hero p { max-width:760px; }
.design-refresh .upgrade-availability { display:inline-flex; margin-top:16px; font-size:.8rem; font-weight:600; color:#08795e; }
.design-refresh .tier-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.design-refresh .tier-card { --tier-accent:#70889a; display:flex; flex-direction:column; min-width:0; padding:26px; border:1px solid #dce7ef; border-top:3px solid var(--tier-accent); border-radius:14px; background:#fff; box-shadow:0 5px 22px rgba(23,56,79,.04); }
.design-refresh .tier-card--project { --tier-accent:#0074fc; background:linear-gradient(155deg,#f3f8ff,#fff 45%); }
.design-refresh .tier-card--business { --tier-accent:#009b7d; background:linear-gradient(155deg,#eefaf6,#fff 45%); }
.design-refresh .tier-topline { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; }
.design-refresh .tier-stage { font-size:.78rem; font-weight:700; color:var(--tier-accent); }
.design-refresh .tier-badge { font-size:.68rem; white-space:nowrap; padding:4px 8px; border:1px solid #cce1ef; border-radius:999px; color:#0869b1; background:#edf6ff; }
.design-refresh .tier-badge--available { color:#477061; background:#eef8f3; border-color:#d4e8df; }
.design-refresh .tier-brand { height:66px; display:flex; align-items:center; margin:18px 0 12px; }
.design-refresh .tier-brand img { width:auto; max-width:100%; max-height:62px; object-fit:contain; }
.design-refresh .tier-card h2 { font-size:1.15rem; color:#17384f; margin:0 0 10px; font-weight:700; letter-spacing:-.025em; }
.design-refresh .tier-positioning { font-size:1.18rem; color:#17384f; line-height:1.4; font-weight:600; margin:0 0 12px; }
.design-refresh .tier-description { color:#526675; font-size:.9rem; line-height:1.65; margin:0 0 24px; }
.design-refresh .tier-features { margin:0 0 28px; }
.design-refresh .tier-features > div + div { margin-top:18px; }
.design-refresh .tier-features dt { color:#17384f; font-size:.87rem; font-weight:600; margin-bottom:4px; }
.design-refresh .tier-features dd { margin:0; color:#526675; font-size:.82rem; line-height:1.6; }
.design-refresh .tier-free-features { padding:0; margin:0 0 28px; list-style:none; color:#47677c; font-size:.88rem; }
.design-refresh .tier-free-features li { padding:0 0 14px 22px; position:relative; }
.design-refresh .tier-free-features li::before { content:"✓"; position:absolute; left:0; color:#08795e; }
.design-refresh .tier-cta { margin-top:auto; width:100%; justify-content:center; font-size:.84rem; }
.design-refresh .tier-cta--future { color:#0869b1; background:#edf6ff; border:1px solid #cce1ef; }
.design-refresh .tier-cta--future:hover { background:#e0efff; color:#005caf; }
.design-refresh .tier-card--business .tier-cta--future { color:#08795e; background:#edf9f4; border-color:#cbe6db; }
.design-refresh .tier-card--business .tier-cta--future:hover { background:#e1f4eb; }
.design-refresh .tier-comparison { margin:48px 0; padding-top:32px; border-top:1px solid #dce7ef; }
.design-refresh .tier-section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:22px; flex-wrap:wrap; }
.design-refresh .tier-section-heading h2, .design-refresh .upgrade-interest h2 { color:#17384f; font-size:1.65rem; font-weight:700; letter-spacing:-.035em; margin:0; }
.design-refresh .tier-section-heading p { color:#607d90; font-size:.9rem; margin:0; }
.design-refresh .tier-table-wrap { position:relative; overflow-x:auto; border:1px solid #dce7ef; border-radius:12px; }
.design-refresh .tier-table { width:100%; min-width:540px; border-collapse:collapse; font-size:.87rem; color:#17384f; }
.design-refresh .tier-table th, .design-refresh .tier-table td { padding:15px 20px; border-bottom:1px solid #e6edf2; text-align:center; }
.design-refresh .tier-table th:first-child { text-align:left; width:49%; }
.design-refresh .tier-table thead { background:#f3f8fc; }
.design-refresh .tier-table thead th { font-weight:700; }
.design-refresh .tier-table tbody th { font-weight:500; }
.design-refresh .tier-table tbody tr:last-child > * { border-bottom:0; }
.design-refresh .tier-table tbody tr:nth-child(even) { background:#fbfdff; }
.design-refresh .tier-check { color:#08795e; font-size:1.15rem; font-weight:700; }
.design-refresh .tier-dash { color:#a1b1bc; }
.design-refresh .upgrade-interest { display:grid; grid-template-columns:1fr 1fr; gap:64px; padding:34px; margin-bottom:24px; background:var(--section-teal); border:1px solid #d7e9e4; border-radius:14px; scroll-margin-top:24px; }
.design-refresh .upgrade-interest h2 { margin:12px 0 16px; line-height:1.3; }
.design-refresh .upgrade-interest p { color:#526675; font-size:.87rem; line-height:1.65; }
.design-refresh .upgrade-interest__fields h3 { color:#17384f; font-size:1.15rem; font-weight:600; margin:0 0 10px; }
.design-refresh .interest-field { margin-top:16px; }
.design-refresh .interest-field label { display:block; font-size:.82rem; font-weight:600; color:#385266; margin-bottom:6px; }
.design-refresh .interest-field input, .design-refresh .interest-field select { width:100%; padding:11px 12px; color:#17384f; background:#fff; border:1px solid #bfd3df; border-radius:8px; font:inherit; font-size:.9rem; }
.design-refresh .interest-field input:focus, .design-refresh .interest-field select:focus { outline:2px solid #0074fc; outline-offset:2px; }
.design-refresh .interest-submit { width:100%; margin-top:18px; }
.design-refresh .interest-submit:disabled { background:#dce7ee; color:#526675; box-shadow:none; cursor:not-allowed; transform:none; }
@media(max-width:1000px) {
 .design-refresh .tier-grid { gap:14px; }
 .design-refresh .tier-card { padding:20px; }
 .design-refresh .tier-positioning { font-size:1.05rem; }
 .design-refresh .tier-topline { align-items:flex-start; }
 .design-refresh .upgrade-interest { gap:32px; padding:28px; }
}
@media(max-width:760px) {
 .design-refresh .tier-grid { grid-template-columns:1fr; gap:22px; }
 .design-refresh .tier-card { padding:24px; }
 .design-refresh .tier-brand { height:58px; margin:12px 0; }
 .design-refresh .tier-brand img { max-height:54px; max-width:240px; }
 .design-refresh .tier-positioning { font-size:1.18rem; }
 .design-refresh .upgrade-interest { grid-template-columns:1fr; gap:24px; padding:24px; }
 .design-refresh .tier-comparison { margin:32px 0; }
 .design-refresh .tier-table { min-width:0; table-layout:fixed; font-size:.76rem; }
 .design-refresh .tier-table th:first-child { width:46%; }
 .design-refresh .tier-table th, .design-refresh .tier-table td { padding:12px 6px; }
 .design-refresh .upgrade-page .upgrade-hero { margin-bottom:24px; }
}

.design-refresh .tier-card--free h2 { margin-top:30px; }
.design-refresh .tier-no-signup { margin:-12px 0 24px; color:#08795e; font-size:.82rem; font-weight:600; }

/* Calm, tactile navigation with a shared blue and teal accent. */
.design-refresh .app-header .app-header__actions { padding:5px; gap:5px; border:1px solid #dce8ef; border-radius:14px; background:linear-gradient(110deg,#f7fbff,#f3faf7); box-shadow:0 3px 12px rgba(23,56,79,.035); }
.design-refresh .app-header .header-link { position:relative; min-height:40px; padding:10px 15px; border:1px solid transparent; border-radius:10px; font-weight:600; color:#385266; transition:background .16s ease,color .16s ease,box-shadow .16s ease,border-color .16s ease; }
.design-refresh .app-header .header-link:hover { color:#0869b1; background:#fff; border-color:#d5e6f2; box-shadow:0 2px 6px rgba(23,56,79,.06); }
.design-refresh .app-header .header-link[aria-current="page"] { color:#0869b1; background:#fff; border-color:#d5e6f2; box-shadow:0 2px 6px rgba(23,56,79,.06); }
.design-refresh .app-header .header-link:active { background:#e6f1fa; box-shadow:inset 0 1px 3px rgba(23,56,79,.08); }
.design-refresh .app-header .header-link:focus-visible { outline:2px solid #0074fc; outline-offset:3px; }
@media(max-width:540px) {
 .design-refresh .app-header .app-header__actions { gap:3px; width:auto; max-width:100%; margin-inline:auto; padding:4px; }
 .design-refresh .app-header .header-link { min-height:36px; padding:8px 10px; font-size:.76rem; white-space:nowrap; }
}
@media(prefers-reduced-motion:reduce) { .design-refresh .app-header .header-link { transition:none; } }

.design-refresh .tier-brand--project, .design-refresh .tier-brand--business { position:relative; overflow:hidden; }
.design-refresh .tier-brand--project img, .design-refresh .tier-brand--business img { position:absolute; top:50%; transform:translateY(-50%); width:240px; max-width:100%; max-height:none; height:auto; }

.design-refresh .tier-brand--project img { width:222px; top:calc(50% + 2px); }

/* Keep long activity lists contained while their section summaries remain visible. */
.design-refresh .results-dashboard .activity-scroll { max-height:620px; min-height:80px; resize:vertical; overflow:auto; border:1px solid #dce4eb; border-radius:6px; background:#fff; }
.design-refresh .results-dashboard .activity-scroll:focus-visible { outline:2px solid var(--blue); outline-offset:3px; }

/* Structural rows must keep their natural height inside the flex scroll list. */
.design-refresh .results-dashboard .structural-list.activity-scroll > .structural-item { flex:0 0 auto; }
.design-refresh .results-dashboard .structural-list.activity-scroll > .structural-item > summary { min-height:72px; padding:14px 12px; }
.design-refresh .results-dashboard .structural-item__name { white-space:normal; overflow-wrap:anywhere; }

/* Display the supplied emblems at a consistent visible width, excluding transparent padding. */
.design-refresh .results-dashboard .analysis-icon--asset { position:relative; overflow:hidden; }
.design-refresh .results-dashboard .analysis-icon--asset img { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:58px; height:auto; max-width:none; }
.design-refresh .results-dashboard .analysis-icon--schedule-changes img { top:calc(50% - 1px); }
.design-refresh .results-dashboard .analysis-icon--progress-tracker img { width:57px; top:calc(50% - 1px); }
.design-refresh .results-dashboard .analysis-icon--critical-analysis img { width:42px; }

/* Compact category disclosures preserve the existing FAQ page styling. */
.design-refresh .faq-knowledge .faq-intro { grid-column:1; }
.design-refresh .faq-knowledge .faq-intro h2 { margin-bottom:14px; }
.design-refresh .faq-knowledge .faq-intro p { margin:0; line-height:1.65; }
.design-refresh .faq-knowledge .faq-groups { grid-column:2; min-width:0; }
.design-refresh .faq-knowledge details.faq-category { padding:0; background:#f2f7fb; border:1px solid #dce8ef; border-radius:12px; }
.design-refresh .faq-knowledge details.faq-category + details.faq-category { margin-top:12px; }
.design-refresh .faq-knowledge details.faq-category[open] { border-color:#bdd7e8; }
.design-refresh .faq-knowledge .faq-category-heading { padding:20px 18px; border-radius:12px; transition:background .15s ease,color .15s ease; }
.design-refresh .faq-knowledge .faq-category-heading h3 { display:inline; color:inherit; font-size:1.05rem; font-weight:650; line-height:1.4; margin:0; }
.design-refresh .faq-knowledge .faq-category-heading:hover { background:#e8f2fa; color:#0875dc; }
.design-refresh .faq-knowledge .faq-category[open] > summary { color:#0875dc; background:#e8f2fa; border-radius:12px 12px 0 0; border-bottom:1px solid #dce8ef; }
.design-refresh .faq-knowledge summary { line-height:1.5; }
.design-refresh .faq-knowledge summary:focus-visible { outline:2px solid #0875dc; outline-offset:3px; border-radius:6px; }
.design-refresh .faq-knowledge .faq-questions { padding:0 18px 12px; background:#fff; border-radius:0 0 12px 12px; }
.design-refresh .faq-knowledge .faq-questions details { padding:16px 0; }
@media(max-width:800px) { .design-refresh .faq-knowledge .faq-intro, .design-refresh .faq-knowledge .faq-groups { grid-column:1; } }
@media(prefers-reduced-motion:reduce) { .design-refresh .faq-knowledge .faq-category-heading { transition:none; } }

/* Uses & FAQs: open editorial use cases and a compact comparison overview. */
.design-refresh .uses-page .use-cases--reviews { display:block; padding:44px 0; }
.design-refresh .uses-page .use-cases--reviews .section-intro { max-width:740px; margin-bottom:28px; }
.design-refresh .uses-page .section-intro h2 { margin:10px 0 12px; font-size:clamp(1.65rem,2.4vw,2rem); letter-spacing:-.025em; }
.design-refresh .uses-page .section-intro p { margin:0; font-size:.95rem; }
.design-refresh .uses-page .use-cases--reviews .use-case-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 48px; }
.design-refresh .uses-page .use-cases--reviews article { grid-template-columns:42px minmax(0,1fr); gap:0 18px; padding:24px 0; border-top:1px solid #e0e9ef; }
.design-refresh .uses-page .use-case-number { display:flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:12px; background:linear-gradient(135deg,#e8f3ff,#e6f7f2); color:#0875dc; font-size:.85rem; font-weight:700; }
.design-refresh .uses-page .use-cases--reviews h3 { font-size:1.06rem; line-height:1.45; margin:0 0 8px; text-wrap:pretty; }
.design-refresh .uses-page .use-cases--reviews article p { margin:0; font-size:.9rem; line-height:1.7; max-width:49ch; }
.design-refresh .uses-page .comparison-scope { display:block; --section-fill:linear-gradient(110deg,#f0f7ff,#eff9f6); padding:38px 0 40px; border-top:0; }
.design-refresh .uses-page .comparison-scope .section-intro { margin-bottom:28px; }
.design-refresh .uses-page .comparison-scope .use-case-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; }
.design-refresh .uses-page .comparison-scope article { padding:0 24px; border-left:1px solid #cfdfe6; }
.design-refresh .uses-page .comparison-scope article:first-child { padding-left:0; border-left:0; }
.design-refresh .uses-page .comparison-scope article:last-child { padding-right:0; }
.design-refresh .uses-page .scope-icon { display:flex; align-items:center; justify-content:center; width:42px; height:42px; margin-bottom:14px; background:#fff; border:1px solid #dce8ef; border-radius:12px; color:#0875dc; }
.design-refresh .uses-page .scope-icon svg { width:25px; height:25px; }
.design-refresh .uses-page .comparison-scope h3 { margin:0 0 8px; font-size:1rem; }
.design-refresh .uses-page .comparison-scope article p { margin:0; line-height:1.7; font-size:.88rem; }
@media(max-width:800px) {
 .design-refresh .uses-page .use-cases--reviews .use-case-grid { gap:0 26px; }
 .design-refresh .uses-page .comparison-scope .use-case-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 0; }
 .design-refresh .uses-page .comparison-scope article:nth-child(odd) { padding-left:0; border-left:0; }
 .design-refresh .uses-page .comparison-scope article:nth-child(even) { padding-right:0; }
}
@media(max-width:540px) {
 .design-refresh .uses-page .use-cases--reviews { padding:32px 0; }
 .design-refresh .uses-page .use-cases--reviews .use-case-grid { grid-template-columns:1fr; }
 .design-refresh .uses-page .comparison-scope .use-case-grid { grid-template-columns:1fr; gap:20px; }
 .design-refresh .uses-page .comparison-scope article { padding:20px 0 0; border-left:0; border-top:1px solid #cfdfe6; }
 .design-refresh .uses-page .comparison-scope article:first-child { padding-top:0; border-top:0; }
}

/* Results graphics reinforce exact labelled values; charts use independent count scales. */
.design-refresh .results-dashboard > .results-heading:not(.schedule-details-heading) { padding:0 0 22px; border:0; border-radius:0; }
.design-refresh .results-dashboard .summary-grid { background:linear-gradient(110deg,#f2f8ff,#f4faf8); border:1px solid #dce7ed; border-radius:14px; padding:24px; grid-template-columns:1.3fr 1fr 1.15fr 1fr; align-items:start; }
.design-refresh .results-dashboard .summary-card { min-width:0; height:100%; padding:0 20px; }
.design-refresh .results-dashboard .outcome-value { font-size:1.18rem; line-height:1.4; margin:12px 0 0; }
.design-refresh .results-dashboard .finish-flow--timeline { display:grid; grid-template-columns:1fr; gap:18px; margin:18px 0; padding-left:20px; position:relative; }
.design-refresh .results-dashboard .finish-flow--timeline::before { content:""; position:absolute; left:4px; top:8px; bottom:24px; width:2px; background:#b7d7e9; }
.design-refresh .results-dashboard .finish-flow--timeline > div { position:relative; }
.design-refresh .results-dashboard .finish-flow--timeline > div::before { content:""; position:absolute; left:-20px; top:5px; width:10px; height:10px; background:#fff; border:2px solid #7dabc9; border-radius:50%; box-sizing:border-box; }
.design-refresh .results-dashboard .finish-flow--timeline > div:last-child::before { background:#0875dc; border-color:#0875dc; }
.design-refresh .results-dashboard .finish-flow--timeline .metric-label { display:block; font-size:.66rem; margin-bottom:4px; }
.design-refresh .results-dashboard .finish-flow--timeline strong { font-size:1.1rem; white-space:nowrap; }
.design-refresh .results-dashboard .finish-flow--timeline .finish-flow__arrow { display:none; }
.design-refresh .results-dashboard .metric-bars { display:grid; gap:10px; margin:16px 0 12px; }
.design-refresh .results-dashboard .metric-bar-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 10px; font-size:.75rem; line-height:1.4; color:#486476; }
.design-refresh .results-dashboard .metric-bar-row strong { font-size:.8rem; font-variant-numeric:tabular-nums; color:#17384f; }
.design-refresh .results-dashboard .metric-bar-track { grid-column:1 / -1; height:4px; overflow:hidden; background:#dce8ef; border-radius:3px; }
.design-refresh .results-dashboard .metric-bar-track > span { display:block; height:100%; background:#0875dc; border-radius:3px; }
.design-refresh .results-dashboard .summary-card--progress .metric-bar-track > span { background:#159a89; }
.design-refresh .results-dashboard .current-progress-caption { display:block; border-top:1px solid #dce7ed; padding-top:9px; }
.design-refresh .results-dashboard .key-findings { gap:24px; padding:26px 0; }
.design-refresh .results-dashboard .finding { grid-template-columns:24px minmax(0,1fr); align-items:flex-start; padding:9px 0; line-height:1.65; }
.design-refresh .results-dashboard .finding__marker { display:grid; place-items:center; flex:0 0 24px; width:24px; height:24px; margin:0; background:#edf5fc; color:#0875dc; border-radius:7px; }
.design-refresh .results-dashboard .finding__marker svg { width:15px; height:15px; }
.design-refresh .results-dashboard .activity-scroll .task-row { padding:14px 12px; border-bottom:1px solid #e5edf2; }
.design-refresh .results-dashboard .activity-scroll .task-row:nth-child(even), .design-refresh .results-dashboard .critical-comparison-row:nth-child(odd) { background:#f8fafc; }
.design-refresh .results-dashboard .activity-scroll .task-row:hover, .design-refresh .results-dashboard .critical-comparison-row:hover { background:#eef5fb; }
.design-refresh .results-dashboard .critical-table--header { position:sticky; top:0; z-index:1; box-shadow:0 1px 0 #dce4eb; }
.design-refresh .results-dashboard .structural-detail .detail-card { border:1px solid #dce7ed; border-radius:10px; background:#fff; }
.design-refresh .results-dashboard .changed-values > div { padding:10px 12px; border-radius:7px; background:#f5f7f9; min-width:0; }
.design-refresh .results-dashboard .changed-values > div:last-child { background:#edf5fd; }
.design-refresh .results-dashboard .changed-values strong { overflow-wrap:anywhere; }
@media(max-width:1050px) {
 .design-refresh .results-dashboard .summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 0; }
 .design-refresh .results-dashboard .summary-card:nth-child(odd) { padding-left:0; }
 .design-refresh .results-dashboard .summary-card:nth-child(even) { padding-right:0; border-right:0; }
}
@media(max-width:600px) {
 .design-refresh .results-dashboard .summary-grid { grid-template-columns:1fr; gap:18px; padding:18px 16px; }
 .design-refresh .results-dashboard .summary-card { padding:0 0 18px; border-right:0; border-bottom:1px solid #dce7ed; }
 .design-refresh .results-dashboard .summary-card:last-child { padding-bottom:0; border-bottom:0; }
 .design-refresh .results-dashboard .finish-flow--timeline { grid-template-columns:repeat(2,minmax(0,1fr)); padding-left:0; gap:12px; }
 .design-refresh .results-dashboard .finish-flow--timeline::before, .design-refresh .results-dashboard .finish-flow--timeline > div::before { display:none; }
 .design-refresh .results-dashboard .finish-flow--timeline strong { font-size:1rem; }
 .design-refresh .results-dashboard .key-findings { grid-template-columns:1fr; gap:14px; }
}


/* Results exploration: real controls, exact values and optional graphics. */
.design-refresh .results-dashboard [hidden] { display:none !important; }
.design-refresh .results-dashboard .metric-drilldown { color:inherit; text-decoration:none; border-radius:6px; outline-offset:4px; }
.design-refresh .results-dashboard a.metric-bar-row { padding:5px 6px; margin:-5px -6px; transition:background .15s ease; }
.design-refresh .results-dashboard a.metric-bar-row:hover { background:#e1effb; color:#075fa6; }
.design-refresh .results-dashboard .overview-detail-link { display:block; margin-top:14px; color:#0871c5; font-size:.75rem; line-height:1.5; text-decoration:none; }
.design-refresh .results-dashboard .overview-detail-link:hover, .design-refresh .results-dashboard .current-progress-caption:hover { text-decoration:underline; }
.design-refresh .results-dashboard .finding-drilldown { color:inherit; text-decoration:none; border-radius:8px; transition:background .15s ease; padding:10px 8px; margin:0 -8px; }
.design-refresh .results-dashboard .finding-drilldown:hover { background:#f0f7fc; color:#075fa6; }
.design-refresh .results-dashboard .finding-drilldown:focus-visible { outline:2px solid #0875dc; outline-offset:2px; }
.design-refresh .results-dashboard details[id] { scroll-margin-top:28px; }
.design-refresh .results-dashboard .results-jump-highlight { outline:2px solid #79b9e8; outline-offset:3px; }
.design-refresh .results-dashboard .results-toolbar { display:flex; align-items:end; gap:12px; flex-wrap:wrap; padding:12px 0 14px; color:#486476; }
.design-refresh .results-dashboard .results-search, .design-refresh .results-dashboard .results-select { display:grid; gap:6px; margin:0; min-width:0; }
.design-refresh .results-dashboard .results-search { flex:1 1 210px; max-width:350px; }
.design-refresh .results-dashboard .results-control-label { color:#486476; font-size:.73rem; font-weight:650; line-height:1.4; }
.design-refresh .results-dashboard .results-search input, .design-refresh .results-dashboard .results-select select { box-sizing:border-box; width:100%; min-height:40px; padding:9px 12px; border:1px solid #ccdce7; border-radius:8px; background:#fff; color:#17384f; font:inherit; font-size:.84rem; }
.design-refresh .results-dashboard .results-search input:focus-visible, .design-refresh .results-dashboard .results-select select:focus-visible { outline:2px solid #0875dc; outline-offset:2px; }
.design-refresh .results-dashboard .results-filter-count { font-size:.75rem; line-height:1.5; padding:10px 0; font-variant-numeric:tabular-nums; }
.design-refresh .results-dashboard .results-reset { border:0; background:transparent; color:#0871c5; font:inherit; font-size:.76rem; font-weight:600; cursor:pointer; padding:10px 4px; border-radius:5px; }
.design-refresh .results-dashboard .results-reset:hover { text-decoration:underline; }
.design-refresh .results-dashboard .results-toggle { display:flex; align-items:center; gap:8px; cursor:pointer; color:#38566b; font-size:.8rem; min-height:40px; margin:0; }
.design-refresh .results-dashboard .results-toggle input { accent-color:#0875dc; width:16px; height:16px; margin:0; }
.design-refresh .results-dashboard .results-toggle:has(input:disabled) { opacity:.55; cursor:default; }
.design-refresh .results-dashboard .results-filter-empty { padding:22px 16px; color:#607d90; font-size:.87rem; margin:0; }
.design-refresh .results-dashboard .activity-progress { display:grid; gap:7px; margin-top:10px; width:min(360px,100%); }
.design-refresh .results-dashboard .activity-progress__row { display:grid; grid-template-columns:76px minmax(55px,1fr) minmax(35px,auto); gap:10px; align-items:center; }
.design-refresh .results-dashboard .activity-progress__row small { font-size:.7rem; color:#607d90; }
.design-refresh .results-dashboard .activity-progress__row > span { font-size:.73rem; color:#38566b; text-align:right; font-variant-numeric:tabular-nums; }
.design-refresh .results-dashboard .activity-progress progress { appearance:none; display:block; width:100%; height:7px; border:0; overflow:hidden; border-radius:5px; background:#e0e9ef; accent-color:#0875dc; }
.design-refresh .results-dashboard .activity-progress progress::-webkit-progress-bar { background:#e0e9ef; border-radius:5px; }
.design-refresh .results-dashboard .activity-progress progress::-webkit-progress-value { background:#0875dc; border-radius:5px; }
.design-refresh .results-dashboard .activity-progress progress::-moz-progress-bar { background:#0875dc; border-radius:5px; }
.design-refresh .results-dashboard .activity-progress__row:first-child progress::-webkit-progress-value { background:#829db0; }
.design-refresh .results-dashboard .activity-progress__row:first-child progress::-moz-progress-bar { background:#829db0; }
.design-refresh .results-dashboard .activity-progress--current { grid-template-columns:minmax(50px,160px) auto; align-items:center; }
.design-refresh .results-dashboard .activity-progress--current > span { font-size:.75rem; white-space:nowrap; }
.design-refresh .results-dashboard .critical-date-axis { display:flex; flex-wrap:wrap; gap:8px 18px; align-items:center; justify-content:space-between; padding:10px 12px; margin-bottom:12px; background:#f0f6fb; border:1px solid #dce7ed; border-radius:8px; color:#486476; font-size:.74rem; }
.design-refresh .results-dashboard .critical-date-legend { display:flex; gap:14px; }
.design-refresh .results-dashboard .critical-date-legend > span { display:flex; align-items:center; gap:6px; }
.design-refresh .results-dashboard .critical-date-legend > span::before { content:""; width:14px; height:5px; border-radius:2px; background:#0875dc; }
.design-refresh .results-dashboard .critical-date-legend .date-legend-reference::before { background:#829db0; }
.design-refresh .results-dashboard .critical-date-track { display:block; position:relative; margin-top:12px; height:15px; border-radius:4px; background:repeating-linear-gradient(90deg,#e1eaf1 0,#e1eaf1 1px,transparent 1px,transparent 25%),#f2f6fa; }
.design-refresh .results-dashboard .date-bar { position:absolute; top:4px; height:7px; border-radius:3px; background:#0875dc; min-width:2px; max-width:100%; }
.design-refresh .results-dashboard .date-bar--reference { background:#829db0; }
.design-refresh .results-dashboard .date-bar--milestone { transform:translateX(-1px); }
.design-refresh .results-dashboard .critical-date-unavailable { height:auto; background:none; color:#718395; font-size:.7rem; }
@media(max-width:600px) {
 .design-refresh .results-dashboard .results-search { max-width:none; flex-basis:100%; }
 .design-refresh .results-dashboard .results-toolbar--critical .results-select { flex:1 1 100%; }
 .design-refresh .results-dashboard .results-filter-count { padding:4px 0; }
 .design-refresh .results-dashboard .activity-progress__row { grid-template-columns:64px minmax(35px,1fr) auto; gap:6px; }
 .design-refresh .results-dashboard .activity-progress--current { grid-template-columns:1fr; gap:6px; }
}
@media(prefers-reduced-motion:reduce) {
 .design-refresh .results-dashboard a.metric-bar-row, .design-refresh .results-dashboard .finding-drilldown { transition:none; }
}

/* Section hierarchy and distinct reading surfaces for long result lists. */
.design-refresh .results-dashboard .top-level-analysis { border:1px solid #d5e2eb; border-radius:14px; overflow:visible; margin-bottom:22px; }
.design-refresh .results-dashboard .top-level-analysis > summary { background:#f0f3f7; border-radius:14px; padding:22px; }


.design-refresh .results-dashboard .top-level-analysis[open] > summary { border-radius:14px 14px 0 0; border-bottom:1px solid #d5e2eb; }
.design-refresh .results-dashboard .top-level-analysis > .analysis-card__body { padding:20px; }
.design-refresh .results-dashboard .change-group { border:1px solid #dce5ec; border-radius:10px; margin:0 0 16px; overflow:visible; background:#fff; }
.design-refresh .results-dashboard .change-group > summary { background:#f6f8fa; padding:18px; border-radius:10px; min-height:64px; box-sizing:border-box; }
.design-refresh .results-dashboard .change-group[open] > summary { border-radius:10px 10px 0 0; border-bottom:1px solid #dce5ec; }
.design-refresh .results-dashboard .change-group > .analysis-card__body { padding:14px; }
.design-refresh .results-dashboard .structural-item > summary { min-height:76px; padding:16px 14px; height:auto; }
.design-refresh .results-dashboard .structural-item__name { line-height:1.5; }
.design-refresh .results-dashboard .structural-item__name > span { display:block; margin-top:5px; color:#567087; font-size:.78rem; }
.design-refresh .results-dashboard .activity-scroll { border:1px solid #e0e8ee; border-radius:8px; }
.design-refresh .results-dashboard .results-toolbar--structural { padding-top:0; }
@media(max-width:600px) {
 .design-refresh .results-dashboard .top-level-analysis > .analysis-card__body { padding:12px; }
 .design-refresh .results-dashboard .change-group > .analysis-card__body { padding:8px; }
}
.design-refresh .results-dashboard .progress-sections { display:grid; gap:14px; margin-bottom:14px; }
.design-refresh .results-dashboard .progress-sections > .change-group { margin:0; }

/* Overview-driven dashboard; detail panes are progressively enhanced. */
.design-refresh .results-dashboard.dashboard-interactive .summary-grid { gap:14px; padding:0; border:0; background:none; align-items:stretch; }
.design-refresh .results-dashboard.dashboard-interactive .summary-card { padding:22px; border:1px solid #dce7ed; border-radius:14px; background:linear-gradient(145deg,#f4f9ff,#f6fbf9); cursor:pointer; display:flex; flex-direction:column; transition:border-color .18s ease,box-shadow .18s ease; }
.design-refresh .results-dashboard.dashboard-interactive .summary-card:hover { border-color:#86b8d9; box-shadow:0 5px 16px #17384f0d; }
.design-refresh .results-dashboard.dashboard-interactive .summary-card.is-selected { border-color:#0875dc; box-shadow:0 0 0 2px #0875dc20; background:#edf6ff; }
.design-refresh .results-dashboard .dashboard-tile-button { margin-top:auto; padding:16px 0 0; border:0; background:none; color:#0871c5; font:inherit; font-size:.8rem; font-weight:650; text-align:left; cursor:pointer; }
.design-refresh .results-dashboard button:focus-visible { outline:2px solid #0875dc; outline-offset:4px; }
.design-refresh .results-dashboard .dashboard-group-nav { display:flex; flex-wrap:wrap; gap:8px; padding:0 0 18px; border-bottom:1px solid #e0e8ee; margin-bottom:18px; }
.design-refresh .results-dashboard .dashboard-group-button { border:1px solid #d5e2eb; border-radius:8px; padding:10px 14px; background:#fff; color:#486476; font:inherit; font-size:.82rem; cursor:pointer; }
.design-refresh .results-dashboard .dashboard-group-button[aria-pressed="true"] { background:#e8f3ff; border-color:#81b5df; color:#0864af; font-weight:650; }
.design-refresh .results-dashboard.dashboard-interactive .top-level-analysis > summary { cursor:default; }
.design-refresh .results-dashboard.dashboard-interactive .top-level-analysis > summary .chevron,
.design-refresh .results-dashboard.dashboard-interactive .change-group > summary { display:none; }
.design-refresh .results-dashboard.dashboard-interactive .change-group { border:0; margin:0; }
.design-refresh .results-dashboard.dashboard-interactive .change-group > .analysis-card__body { padding:0; }
.design-refresh .results-dashboard .dashboard-close { display:block; margin:0 0 14px auto; background:none; border:0; color:#607d90; font:inherit; font-size:.78rem; cursor:pointer; }
@media(prefers-reduced-motion:reduce) { .design-refresh .results-dashboard.dashboard-interactive .summary-card { transition:none; } }

/* Release overview: finish movement first, three balanced activity-count tiles. */
.design-refresh .results-dashboard .summary-grid--release,
.design-refresh .results-dashboard.dashboard-interactive .summary-grid--release { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:0; border:0; background:none; }
.design-refresh .results-dashboard .summary-grid--release .summary-card { padding:24px; border:1px solid #dce7ed; border-radius:14px; min-width:0; background:linear-gradient(145deg,#f7faff,#f7faf9); }
.design-refresh .results-dashboard .summary-grid--release .summary-card--finish { grid-column:1 / -1; cursor:default; background:linear-gradient(115deg,#eff6ff,#f3faf8); }
.design-refresh .results-dashboard.dashboard-interactive .summary-card--finish:hover { border-color:#dce7ed; box-shadow:none; }
.design-refresh .results-dashboard .finish-timeline-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.design-refresh .results-dashboard .finish-direction { font-size:.78rem; color:#607d90; }
.design-refresh .results-dashboard .finish-timeline { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); position:relative; align-items:end; padding-top:18px; }
.design-refresh .results-dashboard .finish-timeline-line { position:absolute; height:2px; left:16.6667%; right:16.6667%; bottom:6px; background:linear-gradient(90deg,#91b5cb,#0875dc); }
.design-refresh .results-dashboard .finish-endpoint { display:flex; align-items:center; flex-direction:column; gap:6px; z-index:1; text-align:center; }
.design-refresh .results-dashboard .finish-endpoint strong { font-size:clamp(1.15rem,2vw,1.6rem); color:#17384f; letter-spacing:-.025em; }
.design-refresh .results-dashboard .finish-marker { height:14px; width:14px; border:3px solid #0875dc; background:#0875dc; border-radius:50%; box-sizing:border-box; margin-top:12px; box-shadow:0 0 0 5px #edf5fa; }
.design-refresh .results-dashboard .finish-marker--reference { background:#fff; border-color:#91b5cb; }
.design-refresh .results-dashboard .finish-movement { z-index:1; text-align:center; align-self:end; margin-bottom:-7px; }
.design-refresh .results-dashboard .finish-movement .status-pill { box-shadow:0 0 0 7px #f2f8fa; font-size:.88rem; padding:8px 16px; }
.design-refresh .results-dashboard .finish-timeline--unavailable .finish-timeline-line,
.design-refresh .results-dashboard .finish-timeline--unavailable .finish-marker { visibility:hidden; }
.design-refresh .results-dashboard .dashboard-tile-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:6px; }
.design-refresh .results-dashboard .dashboard-tile-heading img { width:38px; height:38px; object-fit:contain; }
.design-refresh .results-dashboard .summary-grid--release .outcome-value { min-height:58px; display:flex; align-items:center; flex-wrap:wrap; gap:0 5px; font-size:1.3rem; line-height:1.45; margin-top:8px; }
.design-refresh .results-dashboard .summary-grid--release .metric-bars { margin-top:20px; gap:14px; }
.design-refresh .results-dashboard .summary-grid--release .metric-bar-row { width:100%; box-sizing:border-box; grid-template-columns:minmax(0,1fr) auto; font-size:.8rem; gap:7px 12px; }
.design-refresh .results-dashboard .summary-grid--release a.metric-bar-row { width:calc(100% + 12px); }
.design-refresh .results-dashboard .summary-grid--release .metric-bar-track { height:6px; border-radius:4px; }
.design-refresh .results-dashboard .summary-grid--release .metric-bar-row strong { font-size:.85rem; }
.design-refresh .results-dashboard .summary-grid--release [data-dashboard-tile="critical-analysis"] .metric-bar-track > span { background:#d5434b; }
.design-refresh .results-dashboard .summary-grid--release .dashboard-tile-button { padding-top:20px; }
@media(max-width:760px) {
 .design-refresh .results-dashboard .summary-grid--release,
 .design-refresh .results-dashboard.dashboard-interactive .summary-grid--release { grid-template-columns:1fr; }
 .design-refresh .results-dashboard .summary-grid--release .summary-card { padding:20px; }
 .design-refresh .results-dashboard .summary-grid--release .outcome-value { min-height:0; }
 .design-refresh .results-dashboard .finish-timeline { grid-template-columns:1fr 1fr; gap:20px 10px; }
 .design-refresh .results-dashboard .finish-endpoint { grid-row:1; grid-column:1; }
 .design-refresh .results-dashboard .finish-endpoint:last-child { grid-column:2; }
 .design-refresh .results-dashboard .finish-movement { grid-column:1 / -1; grid-row:2; margin:0; }
 .design-refresh .results-dashboard .finish-timeline-line { position:relative; grid-column:1 / -1; grid-row:1; align-self:end; left:25%; right:auto; top:auto; bottom:6px; width:50%; }
 .design-refresh .results-dashboard .finish-marker { margin-top:8px; }
}
.design-refresh .results-dashboard .summary-grid--release .summary-card[data-dashboard-tile="critical-analysis"] .metric-bar-row .metric-bar-track > span { background:#d5434b; }
.design-refresh .results-dashboard .top-level-analysis > summary,
.design-refresh .results-dashboard .top-level-analysis[open] > summary,
.design-refresh .results-dashboard .top-level-analysis > summary:hover { background:#f0f3f7; }
/* Cohesive dashboard emblems and compact detail controls. */
.design-refresh .results-dashboard .dashboard-tile-heading { justify-content:flex-start; gap:8px; }
.design-refresh .results-dashboard .dashboard-tile-heading img { width:60px; height:60px; margin:-10px -6px -10px -10px; }
.design-refresh .results-dashboard .analysis-icon--asset { background:none; border:0; box-shadow:none; width:44px; height:44px; }
.design-refresh .results-dashboard .analysis-icon--asset img { width:68px; }
.design-refresh .results-dashboard .schedule-details-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.design-refresh .results-dashboard .schedule-details-heading[hidden] { display:none; }
.design-refresh .results-dashboard .dashboard-close { margin:0; padding:8px 0 8px 14px; }
.design-refresh .results-dashboard .top-level-analysis > .analysis-card__body { padding-top:14px; }
.design-refresh .results-dashboard .dashboard-group-nav { padding-bottom:12px; margin-bottom:12px; }
.design-refresh .results-dashboard #progress-tracker .activity-progress progress { accent-color:#159a89; }
.design-refresh .results-dashboard #progress-tracker .activity-progress progress::-webkit-progress-value { background:#159a89; }
.design-refresh .results-dashboard #progress-tracker .activity-progress progress::-moz-progress-bar { background:#159a89; }
.design-refresh .results-dashboard #progress-tracker .activity-progress__row:first-child progress::-webkit-progress-value { background:#83cbc2; }
.design-refresh .results-dashboard #progress-tracker .activity-progress__row:first-child progress::-moz-progress-bar { background:#83cbc2; }
.design-refresh .results-dashboard #progress-decreased .status-chip { background:#fff2df; color:#a95508; border:1px solid #f5cc9a; }
.design-refresh .results-dashboard .summary-card[data-dashboard-tile="critical-analysis"] .metric-bar-row:first-child .metric-bar-track > span { background:#829db0; }
.design-refresh .results-dashboard .activity-completion { flex:0 1 190px; font-size:.75rem; line-height:1.6; color:#607d90; text-align:right; margin-left:auto; }
.design-refresh .results-dashboard .activity-completion strong { display:block; color:#38566b; font-weight:600; white-space:nowrap; }
@media(max-width:700px) {
 .design-refresh .results-dashboard .activity-completion { flex-basis:auto; margin-left:0; text-align:left; }
 .design-refresh .results-dashboard .activity-completion strong { display:inline; margin-left:4px; }
 .design-refresh .results-dashboard #progress-tracker .task-row { flex-wrap:wrap; gap:10px; }
 .design-refresh .results-dashboard #progress-tracker .task-row__main { flex-basis:calc(100% - 60px); }
}
.design-refresh .results-dashboard #progress-tracker .task-row { grid-template-columns:auto minmax(0,1fr) minmax(145px,190px) auto; }
@media(max-width:700px) {
 .design-refresh .results-dashboard #progress-tracker .task-row { grid-template-columns:auto minmax(0,1fr) auto; }
 .design-refresh .results-dashboard #progress-tracker .activity-completion { grid-column:2; grid-row:2; }
 .design-refresh .results-dashboard #progress-tracker .status-chip { grid-column:3; grid-row:1 / span 2; }
}


/* Use the same comparison emblems as the results dashboard. */
.design-refresh .uses-page .scope-icon--asset { position:relative; background:none; border:0; box-shadow:none; }
.design-refresh .uses-page .scope-icon--asset img { position:absolute; width:68px; height:68px; max-width:none; object-fit:contain; left:50%; top:50%; transform:translate(-50%,-50%); }
/* Home use cases and comparison scope in one scannable section. */
.design-refresh .comparison-purpose { padding:42px 0; }
.design-refresh .comparison-purpose__heading { max-width:820px; margin:0 auto 30px; text-align:center; }
.design-refresh .comparison-purpose__heading h2 { margin:12px 0; color:#17384f; font-size:clamp(1.65rem,3vw,2.2rem); letter-spacing:-.035em; }
.design-refresh .comparison-purpose__heading p { margin:0; color:#526675; line-height:1.7; }
.design-refresh .comparison-purpose__grid { display:grid; grid-template-columns:1fr 1fr; gap:0 48px; }
.design-refresh .comparison-purpose__grid article { display:flex; align-items:flex-start; gap:16px; padding:24px 0; border-top:1px solid #e0e9ef; }
.design-refresh .comparison-purpose__grid h3 { margin:2px 0 8px; color:#17384f; font-size:1.12rem; }
.design-refresh .comparison-purpose__grid p { margin:0; max-width:440px; color:#526675; font-size:.9rem; line-height:1.7; }
.design-refresh .purpose-icon { flex:0 0 48px; height:48px; display:grid; place-items:center; position:relative; color:#0875dc; background:linear-gradient(145deg,#eaf5ff,#f3fafc); border-radius:13px; }
.design-refresh .purpose-icon svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.design-refresh .purpose-icon--asset { background:none; }
.design-refresh .purpose-icon--asset img { position:absolute; width:78px; height:78px; max-width:none; object-fit:contain; }
.design-refresh .comparison-purpose__footer { display:flex; justify-content:space-between; align-items:center; gap:20px; border-top:1px solid #e0e9ef; padding-top:20px; margin-top:6px; }
.design-refresh .comparison-purpose__footer p { margin:0; color:#607d90; font-size:.82rem; line-height:1.7; }
.design-refresh .comparison-purpose__footer strong { color:#38566b; font-weight:600; }
.design-refresh .comparison-purpose__footer a { white-space:nowrap; font-size:.82rem; }
@media(max-width:700px) {
 .design-refresh .comparison-purpose__grid { grid-template-columns:1fr; }
 .design-refresh .comparison-purpose__grid article { padding:20px 0; gap:12px; }
 .design-refresh .comparison-purpose__footer { flex-direction:column; align-items:flex-start; gap:12px; }
 .design-refresh .comparison-purpose { padding:30px 0; }
}

/* Structured critical-change counts within the overview tile. */
.design-refresh .results-dashboard .critical-breakdown { margin-top:20px; padding-top:16px; border-top:1px solid #dce7ed; }
.design-refresh .results-dashboard .critical-breakdown__heading { display:block; margin-bottom:12px; font-size:.75rem; font-weight:600; color:#607d90; }
.design-refresh .results-dashboard .critical-breakdown dl { display:grid; grid-template-columns:1fr 1fr; gap:10px 16px; margin:0; }
.design-refresh .results-dashboard .critical-breakdown__item { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; }
.design-refresh .results-dashboard .critical-breakdown dt { font-size:.75rem; line-height:1.5; color:#486476; }
.design-refresh .results-dashboard .critical-breakdown__count { display:grid; place-items:center; margin:0; min-width:27px; height:25px; padding:0 5px; box-sizing:border-box; border-radius:6px; font-size:.8rem; font-weight:700; font-variant-numeric:tabular-nums; }
.design-refresh .results-dashboard .critical-breakdown__count--neutral { color:#586a78; background:#e8edf1; }
.design-refresh .results-dashboard .critical-breakdown__count--red { color:#b52f3a; background:#fde8eb; }
.design-refresh .results-dashboard .critical-breakdown__count--orange { color:#a95508; background:#fff0dc; }

/* Critical dashboard drilldowns and a calmer activity-list hierarchy. */
.design-refresh .results-dashboard .critical-breakdown dt { width:100%; }
.design-refresh .results-dashboard .critical-breakdown dt a { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:4px; margin:-4px; color:inherit; text-decoration:none; border-radius:6px; transition:background .15s ease,color .15s ease; }
.design-refresh .results-dashboard .critical-breakdown dt a:hover { color:#0871c5; background:#e8f2fa; }
.design-refresh .results-dashboard .critical-breakdown dt a:focus-visible { outline:2px solid #0875dc; outline-offset:3px; }
.design-refresh .results-dashboard #critical-analysis .critical-activity strong { font-size:.85rem; line-height:1.5; font-weight:600; color:#17384f; }
.design-refresh .results-dashboard #critical-analysis .critical-side > .critical-dates { font-size:.75rem; font-weight:400; color:#607d90; line-height:1.6; }
.design-refresh .results-dashboard #critical-analysis .critical-table__movement .movement-pill { font-size:.78rem; font-weight:500; color:#38566b; background:none; border:0; box-shadow:none; padding:2px 0; }
.design-refresh .results-dashboard #critical-analysis .critical-table__movement .status-chip { font-size:.72rem; font-weight:600; }
@media(prefers-reduced-motion:reduce) { .design-refresh .results-dashboard .critical-breakdown dt a { transition:none; } }

/* Full-height navigation: white at rest, a continuous brand gradient on interaction. */
.design-refresh .app-header__inner { align-items:stretch; }
.design-refresh .app-header .brand { align-self:center; }
.design-refresh .app-header .app-header__actions { align-items:stretch; align-self:stretch; gap:0; padding:0; border:0; border-radius:0; background:linear-gradient(110deg,#e4f0ff,#def6ed); box-shadow:none; }
.design-refresh .app-header .header-link { isolation:isolate; display:flex; align-items:center; justify-content:center; box-sizing:border-box; min-height:76px; padding:0 22px; border:0; border-radius:0; background:transparent; box-shadow:none; color:#385266; transition:color .18s ease; }
.design-refresh .app-header .header-link::before { content:""; position:absolute; inset:0; z-index:-1; background:white; opacity:1; transition:opacity .18s ease; }
.design-refresh .app-header .header-link:hover,
.design-refresh .app-header .header-link[aria-current="page"] { color:#0869b1; background:transparent; border:0; box-shadow:none; text-decoration:none; }
.design-refresh .app-header .header-link:hover::before,
.design-refresh .app-header .header-link[aria-current="page"]::before { opacity:0; }
.design-refresh .app-header .header-link[aria-current="page"] { box-shadow:inset 0 0 0 1px #cbdfe5; }
.design-refresh .app-header .header-link:active::before { opacity:.15; }
.design-refresh .app-header .header-link:focus-visible { outline:2px solid #0875dc; outline-offset:-4px; }
@media(max-width:700px) {
 .design-refresh .app-header__inner { flex-wrap:wrap; padding-top:12px; padding-bottom:0; gap:8px; }
 .design-refresh .app-header .app-header__actions { width:100%; margin:0; justify-content:center; }
 .design-refresh .app-header .header-link { flex:1; min-height:48px; padding:0 10px; font-size:.8rem; white-space:nowrap; }
}
@media(prefers-reduced-motion:reduce) {
 .design-refresh .app-header .header-link,
 .design-refresh .app-header .header-link::before { transition:none; }
}

/* Concrete programme scenarios with a clear reference-to-comparison pairing. */
.design-refresh .uses-page .use-cases--reviews .use-case-number { grid-row:1 / 4; }
.design-refresh .uses-page .use-case-pair { grid-column:2; display:grid; grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr); align-items:center; gap:10px; margin:6px 0 14px; padding:13px 15px; border:1px solid #dce8ef; border-radius:10px; background:linear-gradient(110deg,#f0f6ff,#eef9f5); }
.design-refresh .uses-page .use-case-pair > div { min-width:0; }
.design-refresh .uses-page .use-case-pair > div > span { display:block; margin-bottom:4px; color:#607d90; font-size:.72rem; }
.design-refresh .uses-page .use-case-pair strong { display:block; color:#17384f; font-size:.88rem; font-weight:600; line-height:1.45; }
.design-refresh .uses-page .use-case-pair__arrow { color:#0875dc; font-size:1.1rem; text-align:center; }
@media(max-width:420px) {
 .design-refresh .uses-page .use-cases--reviews article { column-gap:12px; }
 .design-refresh .uses-page .use-case-pair { padding:10px; gap:6px; }
 .design-refresh .uses-page .use-case-pair strong { font-size:.8rem; }
}

/* A compact branded finish, with accessible footer navigation. */
.design-refresh .app-footer { position:relative; padding:22px 0; background:#f7fafc; font-size:.82rem; }
.design-refresh .app-footer::before { content:""; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,#b8d8ff,#a9e6d7); }
.design-refresh .app-footer .footer-brand { display:inline-flex; align-items:center; gap:9px; color:#17384f; font-size:.96rem; font-weight:650; }
.design-refresh .footer-brand img { display:block; width:30px; height:30px; object-fit:contain; }
.design-refresh .app-footer__inner nav { align-items:center; flex-wrap:wrap; gap:8px 24px; }
.design-refresh .app-footer a { display:inline-flex; align-items:center; min-height:36px; color:#38566b; transition:color .16s ease; }
.design-refresh .app-footer a:hover { color:#0875dc; }
.design-refresh .app-footer a:focus-visible { outline:2px solid #0875dc; outline-offset:4px; border-radius:3px; }
@media(max-width:600px) {
 .design-refresh .app-footer__inner { gap:10px; }
 .design-refresh .app-footer__inner nav { margin:0; width:100%; gap:4px 20px; }
}
@media(prefers-reduced-motion:reduce) { .design-refresh .app-footer a { transition:none; } }

/* Finishing touches for readable feedback and keyboard navigation. */
.design-refresh .upload-file-status { color:#486476; line-height:1.5; }
.design-refresh .has-error .upload-file-status { color:#a32732; }
.design-refresh .upload-card:focus-within { outline:2px solid #0875dc; outline-offset:4px; }
.design-refresh .results-dashboard :is(button,a,input,select,summary,[tabindex="0"]):focus-visible { outline:2px solid #0875dc; outline-offset:3px; }
.design-refresh .results-dashboard .task-id { color:#486476; }
.design-refresh .upload-retry { display:block; margin-top:8px; font-weight:600; }
.design-refresh .waitlist-note { margin-top:12px; color:#486476; font-size:.82rem; line-height:1.6; }
.design-refresh .interest-field input:disabled { color:#486476; opacity:1; background:#f3f6f8; cursor:not-allowed; }
@media(max-width:700px) {
 .design-refresh .results-dashboard .critical-table-wrap { overflow:auto; }
 .design-refresh .results-dashboard .critical-table { min-width:640px; }
 .design-refresh .results-dashboard .critical-activity { flex-wrap:wrap; }
 .design-refresh .results-dashboard .critical-activity strong,
 .design-refresh .results-dashboard .task-item strong,
 .design-refresh .results-dashboard .structural-list strong { overflow-wrap:anywhere; }
 .design-refresh .results-dashboard .results-toolbar { flex-wrap:wrap; gap:10px; }
 .design-refresh .results-dashboard :is(select,input[type="search"]) { max-width:100%; min-width:0; font-size:16px; }
}