/* Complete the public journey using the homepage palette. Keep long-form content
   on white surfaces and transactional state colours meaningful. */
.brand-continuity :is(.editorial-page, .methodology-hub) { background: transparent; padding-block: 28px 64px; }
.brand-continuity .information-hero { max-width: none; margin: 24px 0 36px; padding: 32px; border: 1px solid #ddd7ed; border-radius: 24px; background: var(--ciq-lavender); }
.brand-continuity .information-hero__copy { min-width: 0; max-width: 72ch; }
.brand-continuity .information-hero__icon { display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 18px; border-radius: 16px; background: #fff; color: var(--ciq-lavender-text); }
.brand-continuity .information-hero__icon svg { width: 34px; height: 34px; }
.brand-continuity .information-hero h1 { max-width: 32ch; margin: 12px 0 18px; font-size: clamp(1.9rem, 3.2vw, 2.65rem); line-height: 1.12; color: var(--ciq-ink); }
.brand-continuity .information-hero .guide-meta { margin: 0; color: #564780; }
.brand-continuity .information-hero .guide-article-intro { margin: 0; font-size: 1rem; line-height: 1.65; color: var(--ciq-text); }
.brand-continuity .information-hero--illustrated { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .85fr); gap: 40px; align-items: center; background: var(--ciq-hero); border-color: var(--ciq-ink); }
.brand-continuity .information-hero--illustrated h1 { color: #fff; }
.brand-continuity .information-hero--illustrated .guide-meta { color: var(--ciq-mint); }
.brand-continuity .information-hero--illustrated .guide-article-intro { color: #dae3f3; }
.brand-continuity .information-hero--illustrated .information-hero__icon { color: var(--ciq-mint-text); background: var(--ciq-mint-soft); }
.brand-continuity .information-hero__photo { width: 100%; height: 320px; object-fit: cover; border-radius: 18px 64px 18px 18px; }
.brand-continuity :is(.editorial-page, .methodology-hub) .guide-article-layout { grid-template-columns: minmax(12rem, 16rem) minmax(0, 48rem); gap: 28px; }
.brand-continuity :is(.editorial-page, .methodology-hub) .guide-body { max-width: none; padding: 28px; border: 1px solid var(--ciq-border); border-radius: 20px; background: #fff; }
.brand-continuity :is(.editorial-page, .methodology-hub) .guide-body > h2 { padding-top: 20px; border-top: 1px solid var(--ciq-border); font-size: 1.5rem; }
.brand-continuity :is(.editorial-page, .methodology-hub) .guide-body > h2:first-child { border: 0; padding-top: 0; }
.brand-continuity :is(.editorial-page, .methodology-hub) .guide-toc { padding: 18px; }
.brand-continuity :is(.editorial-page, .methodology-hub) .guide-toc--desktop { max-height: calc(100dvh - 110px); overflow-y: auto; scrollbar-width: thin; }
.brand-continuity :is(.editorial-page, .methodology-hub) .guide-toc a { display: inline-block; vertical-align: top; padding-block: 3px; color: #4d416c; }
.brand-continuity :is(.editorial-page, .methodology-hub) .guide-toc a:hover { color: var(--ciq-ink); text-decoration: underline; }
.brand-continuity .editorial-identity { border-radius: 14px; background: var(--ciq-mint-soft); border-color: #c4dfd0; }
.brand-continuity .editorial-identity--pending { background: var(--ciq-coral); border-color: #ead5c8; color: var(--ciq-text); }
.brand-continuity .editorial-page__related { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--ciq-border); }
.brand-continuity .editorial-page__related ul { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; }
.brand-continuity .editorial-page__related li { margin: 0; }
.brand-continuity .editorial-page__related a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 14px; border-radius: 12px; background: var(--ciq-lavender); font-size: .875rem; }
.brand-continuity .methodology-reference { padding: 22px; border: 1px solid #d6e6db; border-radius: 16px; background: #f4faf6; }
.brand-continuity .methodology-hub .guide-product-links { background: var(--ciq-lavender); border-radius: 16px; }

/* Start a strategy and manage the cards already held. */
.brand-continuity .strategy-finder__hero { background: var(--ciq-hero); border-color: var(--ciq-ink); border-radius: 24px; }
.brand-continuity .strategy-finder__hero h1 { color: #fff; }
.brand-continuity .strategy-finder__hero .eyebrow { color: var(--ciq-mint); }
.brand-continuity .strategy-finder__hero .page-intro { color: #dae3f3; }
.brand-continuity .strategy-finder__hero-visual .strategy-photograph { border-radius: 18px 60px 18px 18px; min-height: 260px; }
.brand-continuity .strategy-finder__step-number { background: var(--ciq-mint); color: var(--ciq-mint-text); }
.brand-continuity .strategy-archetype { border-top: 4px solid #c8b9e7; border-radius: 18px; }
.brand-continuity .strategy-archetype:nth-child(3n + 2) { border-top-color: #b0d9c2; }
.brand-continuity .strategy-archetype:nth-child(3n) { border-top-color: #edc4ad; }
.brand-continuity .strategy-archetype-visual { background: var(--ciq-lavender); color: var(--ciq-lavender-text); border-color: #ded6ec; }
.brand-continuity .strategy-archetype:hover, .brand-continuity .strategy-archetype:focus-within { border-color: #a394c5; }
.brand-continuity .strategy-archetype__reference { background: var(--ciq-mint-soft); border-color: #c4dfd0; }
.brand-continuity .strategy-archetype__reference > summary { color: var(--ciq-mint-text); }
.brand-continuity .strategy-finder__scratch { background: var(--ciq-lavender); border-color: #ddd7ed; border-radius: 18px; }
.brand-continuity .portfolio-management { background: var(--ciq-canvas); }
.brand-continuity .portfolio-empty-state { padding: 36px; background: var(--ciq-hero); border-radius: 24px; }
.brand-continuity .portfolio-empty-state h1 { color: #fff; }
.brand-continuity .portfolio-empty-state .eyebrow { color: var(--ciq-mint); }
.brand-continuity .portfolio-empty-state :is(.portfolio-lede, .portfolio-empty-state__steps, .portfolio-empty-state__alternative, .portfolio-reassurance) { color: #dae3f3; }
.brand-continuity .portfolio-empty-state .text-link { color: var(--ciq-mint); }
.brand-continuity .portfolio-empty-state .portfolio-reassurance > span { color: var(--ciq-mint); }
.brand-continuity .portfolio-empty-state__steps li > span:first-child { background: var(--ciq-mint); color: var(--ciq-mint-text); }
.brand-continuity .portfolio-empty-state .button--primary { background: var(--ciq-mint); border-color: var(--ciq-mint); color: var(--ciq-text); }
.brand-continuity .portfolio-empty-state .button--primary:hover { background: #d5ffe9; }
.brand-continuity .portfolio-empty-state__visual--illustration { background: var(--ciq-lavender); border-color: #d7ccec; }
.brand-continuity .portfolio-owned__header { padding: 28px; background: var(--ciq-lavender); border-radius: 20px; }
.brand-continuity .portfolio-owned-card__visual { background: #f2eff9; }
.brand-continuity .portfolio-optimize { background: var(--ciq-mint-soft); border-color: #c4dfd0; border-radius: 18px; }

/* Shared results and statement review use the same readable financial surfaces. */
.brand-continuity .shared-strategy-header { width: 100%; max-width: none; padding: 28px; border: 1px solid var(--ciq-border); border-top: 5px solid var(--ciq-mint); background: #fff; border-radius: 20px; }
.brand-continuity .shared-strategy-header h1 { max-width: 28ch; font-size: clamp(1.9rem, 3vw, 2.75rem); }
.brand-continuity .decision-strategy.shared-strategy { border-color: var(--ciq-border); border-radius: 20px; background: #fff; }
.brand-continuity .shared-strategy__cards { padding: 22px; border-radius: 16px; background: var(--ciq-lavender); }
.brand-continuity :is(.portfolio-owned-card__visual, .shared-strategy__cards) .card-art__placeholder { width: 100%; height: auto; min-height: 0; aspect-ratio: 1.586; background: var(--ciq-hero); border-color: var(--ciq-ink); }
.brand-continuity :is(.portfolio-owned-card__visual, .shared-strategy__cards) .card-art__issuer { color: #fff; }
.brand-continuity .shared-strategy-page .decision-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); background: var(--ciq-mint-soft); border-color: #c4dfd0; }
.brand-continuity .shared-strategy-adapt { background: var(--ciq-lavender); border-color: #ddd7ed; border-radius: 18px; }
.brand-continuity .import-review-header { padding: 28px; border-radius: 20px; background: var(--ciq-hero); }
.brand-continuity .import-review-header h1 { color: #fff; }
.brand-continuity .import-review-header .eyebrow { color: var(--ciq-mint); }
.brand-continuity .import-review-header > p:not(.eyebrow) { color: #dae3f3; }
.brand-continuity .import-review-summary { padding: 22px; background: var(--ciq-lavender); border-color: #ddd7ed; }
.brand-continuity .import-review-summary dl { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.brand-continuity .import-review-summary dt { color: #564780; }
.brand-continuity .import-review-summary dd { color: var(--ciq-text); }
.brand-continuity .import-confirmation { background: var(--ciq-mint-soft); border-color: #c4dfd0; }

/* Confirmations, expired links and errors remain distinct from successful results. */
.brand-continuity .alert-action-page { background: var(--ciq-canvas); padding-block: 40px 64px; }
.brand-continuity .alert-action-page > .shell { padding: 32px; background: #fff; border: 1px solid var(--ciq-border); border-top: 5px solid #c8b9e7; border-radius: 24px; }
.brand-continuity .alert-request-summary { background: var(--ciq-lavender); border-color: #ddd7ed; border-radius: 16px; }
.brand-continuity .alert-request-summary dd { overflow-wrap: anywhere; }
.brand-continuity .alert-action-page__instructions { background: var(--ciq-coral); border-color: #ead5c8; color: var(--ciq-text); }
.brand-continuity :is(.state-panel, .shared-strategy-unavailable) { padding: 32px; border: 1px solid var(--ciq-border); border-radius: 20px; background: #fff; }
.brand-continuity .shared-strategy-unavailable { margin-block: 48px; border-top: 5px solid #c8b9e7; }
.brand-continuity .state-panel--empty .state-panel__icon { background: var(--ciq-lavender); color: var(--ciq-lavender-text); }
.brand-continuity .error-page { margin-block: 40px 64px; padding: 36px; border: 1px solid #ded7ed; border-radius: 24px; background: #fff; }
.brand-continuity .error-page__code { color: var(--ciq-lavender-text); }
.brand-continuity .error-page__icon { background: var(--ciq-lavender); color: var(--ciq-lavender-text); border-color: #ddd7ed; }
.brand-continuity .footer-jurisdiction, .brand-continuity .footer-jurisdiction > div { min-width: 0; max-width: 100%; }
.brand-continuity .footer-jurisdiction label { white-space: normal; }

@media (max-width: 900px) {
  .brand-continuity .information-hero--illustrated { gap: 24px; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); }
  .brand-continuity :is(.editorial-page, .methodology-hub) .guide-article-layout { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .brand-continuity :is(.editorial-page, .methodology-hub) .guide-toc--desktop { display: none; }
  .brand-continuity :is(.editorial-page, .methodology-hub) .guide-toc--mobile { display: block; }
  .brand-continuity .portfolio-empty-state { padding: 24px; }
}
@media (max-width: 760px) {
  .brand-continuity .information-hero { padding: 24px; margin-block: 20px 24px; border-radius: 18px; }
  .brand-continuity .information-hero--illustrated { grid-template-columns: 1fr; }
  .brand-continuity .information-hero__photo { height: 180px; border-top-right-radius: 42px; }
  .brand-continuity :is(.editorial-page, .methodology-hub) .guide-body { padding: 20px; }
  .brand-continuity .methodology-reference { padding: 16px; }
  .brand-continuity .strategy-finder__hero { padding: 24px; border-radius: 18px; }
  .brand-continuity .portfolio-owned__header { flex-direction: column; align-items: flex-start; gap: 12px; padding: 22px; }
  .brand-continuity :is(.shared-strategy-header, .import-review-header, .import-review-summary) { padding: 22px; }
  .brand-continuity .shared-strategy-page .decision-metrics { grid-template-columns: minmax(0, 1fr); }
  .brand-continuity .import-review-summary dl { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .brand-continuity .alert-action-page > .shell { padding: 24px; }
  .brand-continuity .alert-request-summary > div { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .brand-continuity :is(.error-page, .shared-strategy-unavailable, .state-panel) { padding: 24px; }
}
@media (max-width: 380px) {
  .brand-continuity .import-review-summary dl { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .brand-continuity .strategy-archetype { transition: none; transform: none; }
}