/* Universal Section Collapse System v1.0 */
:root{--collapse-gap:28px;--collapse-speed:300ms}

/* Remove developer-only assembly notes from the customer experience. */
.module-note{display:none!important}

/* Critical Digital Products fix: do not reserve a viewport-height block when collapsed. */
#digitalProductsModule{min-height:0!important}
#digitalProductsModule .page-shell{min-height:0!important;margin-bottom:0}
#calculator.module-section{padding-bottom:var(--collapse-gap)}
#calculator .module-frame-wrap{min-height:0!important;height:auto!important}
#calculator .section-body[hidden]{display:none!important}
#calculator:has(#sectionToggle[aria-expanded="false"]) .section-intro{display:none}
#calculator:has(#sectionToggle[aria-expanded="false"]) #digitalProductsModule .page-shell{margin-top:0;margin-bottom:0}
#calculator:has(#sectionToggle[aria-expanded="false"]) .calculator-section{box-shadow:0 12px 32px rgba(15,107,74,.08)}
#calculator:has(#sectionToggle[aria-expanded="false"]) + #ai-brief{margin-top:0}

/* Shared application collapse controls. */
.app-collapse-host{position:relative;min-height:0!important;height:auto!important;margin-bottom:var(--collapse-gap)}
.app-collapse-header{position:relative}
.app-collapse-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-left:auto}
.app-collapse-summary{display:none;align-items:center;gap:8px;flex-wrap:wrap}
.app-collapse-chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 11px;border:1px solid #cfe0d7;border-radius:999px;background:#f7fbf8;color:#0a563c;font-size:12px;font-weight:850;white-space:nowrap}
.app-collapse-chip strong{font-size:13px}
.app-collapse-toggle{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border:1px solid #cfe0d7;border-radius:50%;background:#0f6b4a;color:#fff;cursor:pointer;box-shadow:0 8px 18px rgba(15,107,74,.16);transition:transform .2s ease,background .2s ease}
.app-collapse-toggle:hover{background:#0a563c;transform:translateY(-1px)}
.app-collapse-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;transition:transform var(--collapse-speed) ease}
.app-collapse-host.is-collapsed .app-collapse-toggle svg{transform:rotate(180deg)}
.app-collapse-host.is-collapsed .app-collapse-summary{display:flex}
.app-collapse-body{overflow:hidden;height:auto;opacity:1;transition:height var(--collapse-speed) ease-in-out,opacity 220ms ease,padding var(--collapse-speed) ease,margin var(--collapse-speed) ease}
.app-collapse-body[hidden]{display:none!important}
.app-collapse-host.is-collapsed{min-height:0!important;height:auto!important;padding-bottom:0!important}

/* AI Brief */
#ai-brief{padding:30px 0 var(--collapse-gap)}
#ai-brief .ai-hero{display:flex;align-items:center}
#ai-brief .ai-hero .app-collapse-tools{padding-left:18px}
#ai-brief.is-collapsed .ai-page{min-height:0!important}
#ai-brief.is-collapsed .ai-hero{margin-bottom:0}

/* Journal uses its approved internal header; remove outer assembly spacing when collapsed. */
#journal.module-section{padding-top:0;padding-bottom:var(--collapse-gap)}
#journal .section-intro{display:none}
#journalModule{min-height:0!important}
#journalModule .page-shell{margin-top:0;margin-bottom:0}
#journalModule .section.journal:has(.header[aria-expanded="false"]) ~ *{display:none!important}
#journal:has(#journalModule .header[aria-expanded="false"]) .module-frame-wrap{min-height:0!important;height:auto!important}

/* Command Center */
#command-center{padding-bottom:var(--collapse-gap)}
#command-center .cc-hero{display:flex;align-items:center}
#command-center .cc-hero .app-collapse-tools{padding-left:18px}
#command-center.is-collapsed .cc-hero{margin-bottom:0}

/* Roadmap */
#grow-business{padding-top:30px;padding-bottom:var(--collapse-gap)}
#grow-business .section-heading{position:relative;align-items:center}
#grow-business .section-heading .app-collapse-tools{align-self:center}
#grow-business.is-collapsed .eyebrow{margin-bottom:10px}
#grow-business.is-collapsed .section-heading{margin-bottom:0}

/* Keep adjacent sections visually connected. */
.app-collapse-host + .app-collapse-host,
#calculator + #ai-brief,
#ai-brief + #journal,
#journal + #command-center,
#command-center + #grow-business{margin-top:0}

@media(max-width:760px){
  :root{--collapse-gap:20px}
  .app-collapse-tools{width:100%;justify-content:flex-start;margin-top:14px;margin-left:0}
  #ai-brief .ai-hero,#command-center .cc-hero{display:block}
  #ai-brief .ai-hero .app-collapse-tools,#command-center .cc-hero .app-collapse-tools{padding-left:0}
  .app-collapse-summary{max-width:calc(100% - 54px)}
  #grow-business .section-heading{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .app-collapse-body,.app-collapse-toggle,.app-collapse-toggle svg{transition:none!important}
}

/* =========================================================
   Unified Section Header System v2.0
   Layout reference: Journal header
   Default theme: Digital Products emerald
   Premium exception: Journal gold
   ========================================================= */
:root{
  --ush-max: 1380px;
  --ush-radius: 28px;
  --ush-pad-y: 30px;
  --ush-pad-x: 38px;
  --ush-gap: 22px;
  --ush-border: #d7e5de;
  --ush-bg: #fff;
  --ush-text: #111827;
  --ush-muted: #66758d;
  --ush-soft: #edf8f2;
  --ush-button: #edf8f2;
  --ush-button-hover: #0f6b4a;
}

/* One shared width foundation for every major section. */
#calculator > .shell,
#ai-brief > .ai-page,
#journal > .shell,
#command-center > .shell,
#grow-business > .roadmap-container{
  width:min(calc(100% - 28px), var(--ush-max));
  max-width:var(--ush-max);
  margin-left:auto;
  margin-right:auto;
}

/* Remove assembly wrappers from the visual rhythm. */
#calculator .section-intro,
#journal > .shell > .section-intro,
.module-note{display:none!important}
#calculator .module-frame-wrap,
#journal .module-frame-wrap{margin:0!important;padding:0!important;min-height:0!important}

/* Shared header shell. */
#calculator .calculator-section > .section-header,
#ai-brief .ai-hero,
#journalModule .section.journal > .header,
#command-center .cc-hero,
#grow-business .section-heading{
  width:100%;
  min-height:164px;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr) auto;
  align-items:center!important;
  gap:var(--ush-gap)!important;
  padding:var(--ush-pad-y) var(--ush-pad-x)!important;
  margin:0!important;
  border:1px solid var(--ush-border)!important;
  border-radius:var(--ush-radius)!important;
  background:var(--ush-bg)!important;
  box-shadow:0 14px 36px rgba(15,107,74,.07)!important;
  color:var(--ush-text)!important;
  text-align:left;
}

/* Ensure generated controls occupy the left and summary columns. */
#ai-brief .ai-hero .app-collapse-tools,
#command-center .cc-hero .app-collapse-tools,
#grow-business .section-heading .app-collapse-tools{
  display:contents!important;
}
#ai-brief .app-collapse-toggle,
#command-center .app-collapse-toggle,
#grow-business .app-collapse-toggle{
  grid-column:1;
  grid-row:1;
}
#ai-brief .app-collapse-summary,
#command-center .app-collapse-summary,
#grow-business .app-collapse-summary{
  grid-column:3;
  grid-row:1;
}
#ai-brief .ai-hero > div:first-child,
#command-center .cc-hero > div:first-child,
#grow-business .section-heading > .heading-copy{
  grid-column:2;
  grid-row:1;
  min-width:0;
}

/* Native Digital Products and Journal map to the same three-column layout. */
#calculator .section-header > .expand-button,
#journalModule .header > .chevron{
  grid-column:1;
  grid-row:1;
  margin:0!important;
}
#calculator .section-header > span:nth-child(2),
#journalModule .header > span:nth-child(2){
  grid-column:2;
  grid-row:1;
  min-width:0;
}
#calculator .section-header > .collapsed-totals,
#journalModule .header > .summary{
  grid-column:3;
  grid-row:1;
  justify-self:end;
}

/* One collapse-button pattern. */
#calculator .expand-button,
#journalModule .chevron,
.app-collapse-toggle{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #d5e8de!important;
  border-radius:50%!important;
  background:var(--ush-button)!important;
  color:#0f6b4a!important;
  box-shadow:none!important;
  transition:background .2s ease,color .2s ease,transform .2s ease!important;
}
#calculator .section-header:hover .expand-button,
#journalModule .header:hover .chevron,
.app-collapse-toggle:hover,
.app-collapse-toggle:focus-visible{
  background:var(--ush-button-hover)!important;
  color:#fff!important;
}
#calculator .expand-button svg,
#journalModule .chevron svg,
.app-collapse-toggle svg{width:20px!important;height:20px!important}

/* Shared eyebrow, title and supporting copy. */
#calculator .section-eyebrow,
#ai-brief .ai-eyebrow,
#journalModule .eyebrow,
#command-center .cc-eyebrow,
#grow-business .eyebrow{
  display:block!important;
  margin:0 0 8px!important;
  color:#075c42!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
#calculator .section-title,
#ai-brief .ai-hero h2,
#journalModule .header h1,
#command-center .cc-hero h2,
#grow-business .section-heading h1{
  margin:0!important;
  color:#111827!important;
  font-family:inherit!important;
  font-size:clamp(2rem,3.3vw,3rem)!important;
  line-height:1.08!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
}
#calculator .section-subtitle,
#ai-brief .ai-hero p,
#journalModule .subtitle,
#command-center .cc-hero p,
#grow-business .section-heading .section-intro{
  display:block!important;
  max-width:760px!important;
  margin:8px 0 0!important;
  color:var(--ush-muted)!important;
  font-size:16px!important;
  line-height:1.5!important;
}

/* Remove competing decorative/connection pills from header area. */
#ai-brief .ai-connected,
#command-center .cc-live,
#grow-business .roadmap-badge{display:none!important}

/* Shared summary-card language. */
#calculator .collapsed-totals,
#journalModule .summary,
.app-collapse-summary{
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  max-width:480px!important;
}
#calculator .summary-chip,
#journalModule .summary .chip,
.app-collapse-chip{
  min-width:104px!important;
  min-height:70px!important;
  padding:12px 15px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  border:1px solid var(--ush-border)!important;
  border-radius:16px!important;
  background:#fbfdfc!important;
  color:#075c42!important;
  text-align:center!important;
  box-shadow:none!important;
}
#calculator .summary-chip span,
#journalModule .summary .chip span,
.app-collapse-chip > span{
  color:#66758d!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
#calculator .summary-chip strong,
#journalModule .summary .chip strong,
.app-collapse-chip strong{
  color:#075c42!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.15!important;
}

/* Keep Digital Products totals visible in both states. */
#calculator #collapsedTotals{display:flex!important}

/* Journal: same structure, premium-only gold treatment. */
#journalModule .section.journal > .header{
  border-color:#ead58a!important;
  background:linear-gradient(90deg,#fffdf5 0%,#fff 65%,#f8fcfa 100%)!important;
  box-shadow:0 14px 38px rgba(191,151,33,.10)!important;
}
#journalModule .section.journal > .header::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:6px;
  border-radius:28px 0 0 28px;
  background:linear-gradient(#f5d75e,#e6b91f);
}
#journalModule .section.journal > .header{position:relative!important;overflow:hidden}
#journalModule .chevron{
  border-color:#efd16b!important;
  background:#fff9df!important;
  color:#7a5a00!important;
}
#journalModule .header:hover .chevron{background:#d6a900!important;color:#fff!important}
#journalModule .eyebrow{color:#075c42!important}
#journalModule .journal-access-badge{
  border-color:#e7c34b!important;
  background:#fff8dd!important;
  color:#735800!important;
}
#journalModule .summary .chip:nth-child(2){
  border-color:#ddb62d!important;
  background:linear-gradient(135deg,#fff4bd,#f3d45a)!important;
}

/* Consistent spacing and no reserved height after collapse. */
#calculator,#ai-brief,#journal,#command-center,#grow-business{
  padding-top:28px!important;
  padding-bottom:28px!important;
  min-height:0!important;
}
#calculator.is-collapsed,
#ai-brief.is-collapsed,
#journal.is-collapsed,
#command-center.is-collapsed,
#grow-business.is-collapsed{padding-bottom:18px!important}

@media(max-width:980px){
  #calculator .calculator-section > .section-header,
  #ai-brief .ai-hero,
  #journalModule .section.journal > .header,
  #command-center .cc-hero,
  #grow-business .section-heading{
    grid-template-columns:56px minmax(0,1fr)!important;
    min-height:0;
    padding:26px!important;
  }
  #calculator .section-header > .collapsed-totals,
  #journalModule .header > .summary,
  #ai-brief .app-collapse-summary,
  #command-center .app-collapse-summary,
  #grow-business .app-collapse-summary{
    grid-column:1 / -1!important;
    grid-row:2!important;
    justify-self:stretch!important;
    justify-content:flex-start!important;
    max-width:none!important;
    padding-left:0!important;
    margin-top:4px!important;
  }
}

@media(max-width:620px){
  :root{--ush-pad-x:20px;--ush-pad-y:22px;--ush-radius:22px}
  #calculator > .shell,#ai-brief > .ai-page,#journal > .shell,#command-center > .shell,#grow-business > .roadmap-container{
    width:min(calc(100% - 20px), var(--ush-max));
  }
  #calculator .calculator-section > .section-header,
  #ai-brief .ai-hero,
  #journalModule .section.journal > .header,
  #command-center .cc-hero,
  #grow-business .section-heading{
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:14px!important;
    padding:22px 18px!important;
  }
  #calculator .expand-button,#journalModule .chevron,.app-collapse-toggle{
    width:44px!important;height:44px!important;min-width:44px!important;
  }
  #calculator .section-title,#ai-brief .ai-hero h2,#journalModule .header h1,#command-center .cc-hero h2,#grow-business .section-heading h1{
    font-size:clamp(1.65rem,8vw,2.2rem)!important;
  }
  #calculator .section-subtitle,#ai-brief .ai-hero p,#journalModule .subtitle,#command-center .cc-hero p,#grow-business .section-heading .section-intro{
    font-size:14px!important;
  }
  #calculator .summary-chip,#journalModule .summary .chip,.app-collapse-chip{
    min-width:92px!important;min-height:62px!important;padding:10px 12px!important;
  }
}

/* v1.4 — Premium Journal exception: preserve the approved gold-to-emerald header. */
#journalModule .section.journal > .header{
  background:linear-gradient(100deg,
    #fff8e4 0%,
    #fffaf0 24%,
    #fffdf8 48%,
    #f5faf7 72%,
    #eaf5ef 100%
  )!important;
}
#journalModule .eyebrow{
  color:#8a6500!important;
}


/* v1.5 — Header width alignment and Roadmap eyebrow placement. */
/* Match the five-step journey strip's exact shell width. */
#calculator > .shell,
#ai-brief > .ai-page,
#journal > .shell,
#command-center > .shell,
#grow-business > .roadmap-container{
  width:min(1380px,calc(100% - 32px))!important;
}

/* Remove the calculator's old nested inset so its header reaches the shell edges. */
#calculator .module-frame-wrap{
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#digitalProductsModule{
  width:100%!important;
  background:transparent!important;
}
#digitalProductsModule .page-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

/* The roadmap eyebrow belongs inside the shared header card, above its title. */
#grow-business .section-heading > .heading-copy > .eyebrow{
  display:block!important;
  margin:0 0 8px!important;
}

@media(max-width:620px){
  #calculator > .shell,
  #ai-brief > .ai-page,
  #journal > .shell,
  #command-center > .shell,
  #grow-business > .roadmap-container{
    width:min(1380px,calc(100% - 20px))!important;
  }
}

/* v1.6 — Unified arrow direction and universal section width. */
/* Open section: arrow points down. Collapsed section: arrow points up. */
#calculator .section-header[aria-expanded="true"] .expand-button svg,
#journalModule .header[aria-expanded="true"] .chevron svg,
.app-collapse-toggle[aria-expanded="true"] svg{
  transform:rotate(0deg)!important;
}
#calculator .section-header[aria-expanded="false"] .expand-button svg,
#journalModule .header[aria-expanded="false"] .chevron svg,
.app-collapse-toggle[aria-expanded="false"] svg{
  transform:rotate(180deg)!important;
}

/* Every current and future major section must align to the five-step strip. */
.story-strip > .shell,
#calculator > .shell,
#ai-brief > .ai-page,
#journal > .shell,
#command-center > .shell,
#grow-business > .roadmap-container{
  width:min(1380px,calc(100% - 32px))!important;
  max-width:1380px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Remove the Journal module's legacy inner inset so its premium header reaches the shared shell edges. */
#journal .module-frame-wrap,
#journalModule,
#journalModule .page-shell{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
#journalModule .page-shell{
  margin-top:0!important;
  margin-bottom:0!important;
}

@media(max-width:620px){
  .story-strip > .shell,
  #calculator > .shell,
  #ai-brief > .ai-page,
  #journal > .shell,
  #command-center > .shell,
  #grow-business > .roadmap-container{
    width:min(1380px,calc(100% - 20px))!important;
  }
}

/* =========================================================
   v2.0 — Dedicated mobile header composition
   Desktop remains the primary approved composition.
   Mobile recomposes each header instead of shrinking desktop.
   Tested foundation: 320px, 344px and 360px viewports.
   ========================================================= */
@media (max-width: 620px) {
  /* Shared mobile card foundation. */
  #calculator .calculator-section > .section-header,
  #ai-brief .ai-hero,
  #journalModule .section.journal > .header,
  #command-center .cc-hero,
  #grow-business .section-heading {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: auto !important;
    align-items: start !important;
    gap: 18px !important;
    min-height: 0 !important;
    padding: 24px 18px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
  }

  /* Leave room in the top-right for the collapse control. */
  #calculator .section-header > span:nth-child(2),
  #journalModule .header > span:nth-child(2),
  #ai-brief .ai-hero > div:first-child,
  #command-center .cc-hero > div:first-child,
  #grow-business .section-heading > .heading-copy {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    padding-right: 54px !important;
  }

  /* A consistent, unobtrusive top-right control on every mobile header. */
  #calculator .section-header > .expand-button,
  #journalModule .header > .chevron,
  #ai-brief .app-collapse-toggle,
  #command-center .app-collapse-toggle,
  #grow-business .app-collapse-toggle {
    position: absolute !important;
    top: 20px !important;
    right: 18px !important;
    left: auto !important;
    z-index: 3 !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    margin: 0 !important;
  }

  /* Generated tool wrappers should not reserve a separate row. */
  #ai-brief .ai-hero .app-collapse-tools,
  #command-center .cc-hero .app-collapse-tools,
  #grow-business .section-heading .app-collapse-tools {
    display: contents !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Shared mobile typography: readable, not compressed. */
  #calculator .section-title,
  #ai-brief .ai-hero h2,
  #journalModule .header h1,
  #command-center .cc-hero h2,
  #grow-business .section-heading h1 {
    font-size: clamp(1.72rem, 9vw, 2.15rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
  }

  #calculator .section-eyebrow,
  #ai-brief .ai-eyebrow,
  #journalModule .eyebrow,
  #command-center .cc-eyebrow,
  #grow-business .eyebrow {
    margin-bottom: 9px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  #calculator .section-subtitle,
  #ai-brief .ai-hero p,
  #journalModule .subtitle,
  #command-center .cc-hero p,
  #grow-business .section-heading .section-intro {
    margin-top: 10px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  /* Summary information becomes a calm full-width vertical list. */
  #calculator .section-header > .collapsed-totals,
  #journalModule .header > .summary,
  #ai-brief .app-collapse-summary,
  #command-center .app-collapse-summary,
  #grow-business .app-collapse-summary {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: stretch !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: 10px !important;
  }

  #calculator .section-header > .collapsed-totals,
  #journalModule .header > .summary {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  #ai-brief.is-collapsed .app-collapse-summary,
  #command-center.is-collapsed .app-collapse-summary,
  #grow-business.is-collapsed .app-collapse-summary {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  #calculator .summary-chip,
  #journalModule .summary .chip,
  .app-collapse-chip {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    text-align: left !important;
  }

  #calculator .summary-chip > span,
  #journalModule .summary .chip > span,
  .app-collapse-chip > span {
    margin: 0 !important;
  }

  #calculator .summary-chip strong,
  #journalModule .summary .chip strong,
  .app-collapse-chip strong {
    margin: 0 !important;
    text-align: right !important;
  }

  /* Digital Products title badge remains beside the title without crowding it. */
  #calculator .section-title-row {
    align-items: center !important;
    gap: 9px !important;
    flex-wrap: wrap !important;
  }

  /* Premium Journal mobile exception: preserve the original generous composition. */
  #journalModule .section.journal > .header {
    padding: 26px 18px 22px !important;
    gap: 20px !important;
    background: linear-gradient(108deg,
      #fff8e4 0%,
      #fffaf0 30%,
      #fffdf8 54%,
      #f5faf7 78%,
      #eaf5ef 100%
    ) !important;
  }

  #journalModule .header > span:nth-child(2) {
    padding-right: 50px !important;
  }

  #journalModule .header h1 {
    font-size: clamp(1.85rem, 9.5vw, 2.25rem) !important;
  }

  #journalModule .title-row {
    display: grid !important;
    justify-items: start !important;
    gap: 12px !important;
  }

  #journalModule .journal-access-badge {
    min-height: 36px !important;
    padding: 0 13px !important;
  }

  #journalModule .summary .chip:nth-child(2) {
    box-shadow: 0 10px 24px rgba(207, 165, 22, .13) !important;
  }

  /* Width is inherited from the shared five-step shell standard. */
  .story-strip > .shell,
  #calculator > .shell,
  #ai-brief > .ai-page,
  #journal > .shell,
  #command-center > .shell,
  #grow-business > .roadmap-container {
    width: calc(100% - 20px) !important;
    max-width: 1380px !important;
  }
}

/* Extra breathing-room reduction for the narrowest supported phone. */
@media (max-width: 340px) {
  #calculator .calculator-section > .section-header,
  #ai-brief .ai-hero,
  #journalModule .section.journal > .header,
  #command-center .cc-hero,
  #grow-business .section-heading {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  #calculator .section-header > .expand-button,
  #journalModule .header > .chevron,
  #ai-brief .app-collapse-toggle,
  #command-center .app-collapse-toggle,
  #grow-business .app-collapse-toggle {
    right: 15px !important;
  }

  #calculator .section-title,
  #ai-brief .ai-hero h2,
  #command-center .cc-hero h2,
  #grow-business .section-heading h1 {
    font-size: 1.65rem !important;
  }

  #journalModule .header h1 {
    font-size: 1.78rem !important;
  }
}


/* v4.6.3 — High-value polish: preserve the Next Step card's exact emerald
   background and keep only its eyebrow label white and artifact-free. */
#command-center .cc-next-step {
  background: #0B593E !important;
}
#command-center .cc-next-step .cc-eyebrow {
  color: #FFFFFF !important;
  text-shadow: none !important;
}
#command-center .cc-next-step .cc-eyebrow::before,
#command-center .cc-next-step .cc-eyebrow::after {
  content: none !important;
  display: none !important;
}

.brand-logo{
  display:block;
  width:auto;
  height:68px;
  max-width:380px;
  object-fit:contain;
  background:transparent;
  flex-shrink:0;
}

/* v4.6.25: official header wordmark readability */
.header-brand,
.brand,
.site-brand,
.nav-brand{
  display:flex;
  align-items:center;
  min-width:260px;
  flex-shrink:0;
  overflow:visible;
}
@media (max-width: 900px){
  .brand-logo{height:56px;max-width:320px;}
  .header-brand,
  .brand,
  .site-brand,
  .nav-brand{min-width:220px;}
}
@media (max-width: 640px){
  .brand-logo{height:48px;max-width:260px;}
  .header-brand,
  .brand,
  .site-brand,
  .nav-brand{min-width:0;}
}