/* Growth workspace only. The shared growth.css remains the base for other pages. */
body.growth-workspace {
  --blue: #087d80;
  --navy: #15334a;
  --ink: #19384b;
  --muted: #536b78;
  --line: #d7e3e7;
  --paper: #f3f7f7;
  background: var(--paper);
  color: var(--ink);
  font-size: 16px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.growth-workspace [hidden] { display: none !important; }
.growth-workspace :where(input, select, textarea, button, summary) { scroll-margin-block: 100px 180px; }
.growth-workspace :where(input, select, textarea, button, a, summary):focus-visible {
  outline: 3px solid #0c7d80;
  outline-offset: 3px;
}
.growth-workspace :where(h1, h2, h3, label, summary) { word-break: keep-all; overflow-wrap: anywhere; }
.growth-workspace :where(h1, h2, h3) { color: var(--navy); }
.growth-workspace h2 { font-size: 25px; line-height: 1.4; letter-spacing: -.6px; margin-bottom: 8px; }
.growth-workspace h3 { font-size: 19px; line-height: 1.5; }
.growth-workspace small { font-size: 14px; line-height: 1.6; }
.growth-workspace .bar, .growth-workspace .wrap { max-width: 1200px; }
.growth-workspace header .bar { padding: 10px 28px; min-height: 65px; }
.growth-workspace nav { flex-wrap: nowrap; gap: 24px; min-width: 0; }
.growth-workspace nav a { min-height: 44px; display: inline-flex; align-items: center; font-weight: 600; }
.growth-workspace #authLink { max-width: 250px; }
.growth-workspace .brand { font-size: 27px; flex-shrink: 0; }
.growth-workspace .wrap { padding-top: 28px; padding-bottom: 54px; }
.growth-workspace .page-intro { margin-bottom: 22px; }
.growth-workspace .eyebrow { font-size: 13px; letter-spacing: .4px; color: #27656b; }
.growth-workspace .compact h1 { font-size: 32px; line-height: 1.35; letter-spacing: -1px; margin: 7px 0; }
.growth-workspace .page-intro p { margin: 4px 0 0; }
.growth-workspace .card { border-radius: 16px; box-shadow: 0 2px 3px #15334a03; padding: 26px; }
.growth-workspace .board-context { padding: 0 22px; }
.growth-workspace .board-summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 0; list-style: none; }
.growth-workspace .board-summary::-webkit-details-marker { display: none; }
.growth-workspace #boardContextSummary { font-size: 17px; color: var(--navy); }
.growth-workspace .board-context[open] { padding-bottom: 20px; }
.growth-workspace .board-context[open] > summary { border-bottom: 1px solid var(--line); margin-bottom: 18px; }
.growth-workspace .board-context[open] .summary-action::after { content: " −"; }
.growth-workspace .context-fields { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); gap: 18px; }
.growth-workspace .context-fields .field { margin: 0 0 12px; }
.growth-workspace .context-details { border: 0; border-top: 1px solid var(--line); padding: 0; }
.growth-workspace summary { min-height: 48px; font-size: 14px; }
.growth-workspace .context-details > summary { padding: 12px 0; }
.growth-workspace .context-details[open] { padding-bottom: 20px; }
.growth-workspace .summary-hint { font-weight: 400; color: var(--muted); margin-left: 12px; }
.growth-workspace .field { min-width: 0; margin: 10px 0; gap: 7px; }
.growth-workspace .field label, .growth-workspace .label { font-size: 14px; font-weight: 700; }
.growth-workspace .field :where(input, select, textarea) {
  font-size: 16px;
  min-height: 46px;
  border-color: #adbec7;
  padding: 10px 12px;
  border-radius: 8px;
  max-width: 100%;
}
.growth-workspace .field :where(input, textarea)::placeholder { color: #647986; opacity: 1; }
.growth-workspace .field textarea { min-height: 120px; line-height: 1.7; }
.growth-workspace .field :where(input, textarea, select):focus { border-color: var(--blue); }
.growth-workspace :where(.grid2, .grid3) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.growth-workspace .grid3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.growth-workspace .btn { min-height: 46px; padding: 10px 18px; font-size: 15px; line-height: 1.6; border-radius: 9px; }
.growth-workspace .btn.small { min-height: 44px; padding: 9px 13px; font-size: 14px; }
.growth-workspace .btn:hover:not(:disabled) { background: #07676b; border-color: #07676b; }
.growth-workspace .btn.secondary { background: #fff; border-color: #b7c9d1; }
.growth-workspace .btn.secondary:hover:not(:disabled) { color: #075f63; background: #edf7f6; }
.growth-workspace .btn:disabled { cursor: default; }
.growth-workspace .pill { font-size: 13px; padding: 4px 11px; color: #17616a; background: #e9f4f4; }
.growth-workspace .tabs { margin: 22px 0 24px; padding: 0 0 10px; border-bottom: 1px solid var(--line); flex-wrap: nowrap; gap: 8px; }
.growth-workspace .tabs button { flex-shrink: 0; min-height: 46px; font-size: 15px; padding: 10px 16px; border-color: transparent; background: transparent; border-radius: 9px; }
.growth-workspace .tabs button[aria-selected="true"] { background: var(--navy); border-color: var(--navy); color: #fff; }
.growth-workspace .tabs button:hover:not([aria-selected="true"]) { background: #e5eeef; color: var(--navy); }
.growth-workspace .tab-optional { font-weight: 400; font-size: 12px; margin-left: 4px; }
.growth-workspace #tab-diagnosis { margin-left: auto; }
.growth-workspace .workspace-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; }
.growth-workspace .workspace-heading > div { min-width: 0; }
.growth-workspace #workspaceDescription { margin: 0; max-width: 780px; }
.growth-workspace .workspace-progress { flex-shrink: 0; max-width: 280px; margin: 4px 0; font-size: 14px; color: var(--muted); }
.growth-workspace .source-context { margin: 14px 0 20px; }
.growth-workspace .source-note { font-size: 14px; color: var(--muted); white-space: pre-wrap; line-height: 1.65; }
.growth-workspace #sourceState { margin: 0; padding-left: 12px; border-left: 3px solid #9dbfc1; }
.growth-workspace .source-actions:has(a:not([hidden])) { margin-top: 12px; }
.growth-workspace .recommendation-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.growth-workspace .recommendation-list:has(> .work-empty) { display: none; }
.growth-workspace .recommendation-list > :where(.work-empty, .notice, p, h3) { grid-column: 1 / -1; }
.growth-workspace .recommendation-list > details { grid-column: 1 / -1; padding: 0; border: 0; }
.growth-workspace .recommendation-list details > summary { padding: 12px 0; color: #365e6b; }
.growth-workspace .recommendation-list details .recommendation-card { margin: 12px 0; }
.growth-workspace .recommendation-card { display: flex; flex-direction: column; min-width: 0; background: #fff; border: 1px solid #cadcdf; border-radius: 14px; padding: 20px; }
.growth-workspace .recommendation-card h3 { font-size: 18px; margin: 10px 0; }
.growth-workspace .recommendation-card p { font-size: 14px; white-space: pre-wrap; margin: 8px 0; }
.growth-workspace .recommendation-card > div > p { font-size: 17px; font-weight: 650; line-height: 1.6; color: var(--navy); word-break: keep-all; }
.growth-workspace .recommendation-card .btn { margin-top: auto; align-self: flex-start; }
.growth-workspace .recommendation-card :where(.actions, button) { margin-top: 14px; }
.growth-workspace .work-empty { background: #eaf2f2; border: 1px dashed #b5cecf; border-radius: 14px; padding: 22px; color: var(--muted); text-align: left; }
.growth-workspace .work-empty h3 { color: var(--navy); margin: 0 0 8px; }
.growth-workspace .work-empty p { margin: 4px 0; font-size: 15px; }
.growth-workspace .work-empty .actions { margin-top: 16px; }
.growth-workspace .workspace-section { margin-top: 28px; }
.growth-workspace .section-head { margin-bottom: 16px; align-items: center; }
.growth-workspace .section-head h3 { margin: 3px 0 0; }
.growth-workspace .section-kicker { display: block; font-size: 13px; color: #416a74; font-weight: 700; letter-spacing: .2px; margin-bottom: 4px; }
.growth-workspace .focus-section-head .btn { flex-shrink: 0; }
.growth-workspace .focus-card { padding: 24px; background: #fff; border: 1px solid #c7d9de; border-radius: 16px; margin: 0 0 18px; min-width: 0; box-shadow: 0 2px 4px #15334a04; }
.growth-workspace .focus-head { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-bottom: 14px; }
.growth-workspace .focus-head h3 { margin: 0; }
.growth-workspace .focus-card > summary { list-style: none; margin-bottom: 0; }
.growth-workspace .focus-card > summary::-webkit-details-marker { display: none; }
.growth-workspace .focus-head > strong { flex: 1; min-width: 0; font-size: 18px; }
.growth-workspace .focus-head > [data-focus-state] { font-size: 14px; color: var(--muted); white-space: nowrap; }
.growth-workspace .focus-head::after { content: "＋"; color: var(--blue); font-weight: 600; }
.growth-workspace .focus-card[open] > .focus-head::after { content: "−"; }
.growth-workspace .focus-card > .actions { margin-top: 16px; }
.growth-workspace .focus-card .actions :where(select, input) { min-width: 0; max-width: 100%; min-height: 46px; font-size: 16px; border: 1px solid #adbec7; border-radius: 8px; padding: 9px 12px; background: #fff; color: var(--ink); }
.growth-workspace .focus-card .source-note { padding: 12px 14px; border-radius: 8px; background: #f0f5f6; margin: 12px 0; }
.growth-workspace .focus-card p { font-size: 14px; line-height: 1.65; }
.growth-workspace .focus-card [data-focus-key="title"] { font-weight: 650; }
.growth-workspace .focus-card [data-focus-key="draft"] { border-color: #80b5b6; background: #fbfefe; }
.growth-workspace .focus-card [data-focus-key="evidence"] { min-height: 105px; }
.growth-workspace .task-meta { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.growth-workspace .task { padding: 24px; }
.growth-workspace .task-head h3 { min-width: 0; }
.growth-workspace .task p { font-size: 14px; }
.growth-workspace .experiment-plan { padding: 0 24px; border-color: #cbdcdf; }
.growth-workspace .experiment-plan > summary { list-style: none; display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 20px 0; }
.growth-workspace .experiment-plan > summary::-webkit-details-marker { display: none; }
.growth-workspace .summary-title { display: block; color: var(--navy); font-size: 20px; }
.growth-workspace .summary-action { font-size: 14px; white-space: nowrap; font-weight: 600; color: #17676c; }
.growth-workspace .summary-action::after { content: " ＋"; }
.growth-workspace .experiment-plan[open] .summary-action::after { content: " −"; }
.growth-workspace .experiment-plan[open] { padding-bottom: 24px; }
.growth-workspace .experiment-plan[open] > summary { border-bottom: 1px solid var(--line); margin-bottom: 18px; }
.growth-workspace .experiment-plan > p { font-size: 15px; }
.growth-workspace #experimentFields .field { align-self: start; }
.growth-workspace .experiment-close { border-top: 1px solid var(--line); margin-top: 24px; padding-top: 20px; }
.growth-workspace .experiment-close > p { max-width: 780px; font-size: 14px; margin-top: 0; }
.growth-workspace #experimentStatus:empty { display: none; }
.growth-workspace .history-section { margin-top: 30px; }
.growth-workspace .history-section > p { font-size: 14px; }
.growth-workspace .experiment-history-card { border: 1px solid var(--line); border-radius: 14px; background: #fff; padding: 20px; margin-top: 14px; }
.growth-workspace .experiment-history-card p { white-space: pre-wrap; font-size: 14px; }
.growth-workspace .experiment-history-card summary { font-size: 16px; }
.growth-workspace .experiment-history-card pre { font: inherit; font-size: 14px; background: #f3f7f7; padding: 14px; border-radius: 8px; }
.growth-workspace .notice { background: #eaf3f4; color: #365b65; border-left-color: #4e9498; font-size: 14px; }
.growth-workspace .notice.warning { background: #fff6e9; border-left-color: #c78a36; color: #76501f; }
.growth-workspace #legacyPerformanceEvidence { white-space: pre-wrap; }
.growth-workspace .panel-intro { margin-bottom: 22px; }
.growth-workspace .metric-inputs { margin: 24px 0; }
.growth-workspace .metric { padding: 22px; }
.growth-workspace .metric strong { font-size: 25px; line-height: 1.5; }
.growth-workspace #localMetricResults { display: block; }
.growth-workspace .economics-section { margin-top: 28px; }
.growth-workspace .evidence-card .field { margin: 0; }
.growth-workspace #orders .price { color: var(--navy); }
.growth-workspace .check input { width: 20px; height: 20px; flex-shrink: 0; accent-color: var(--blue); }
.growth-workspace .savebar { padding: 14px 0 calc(14px + env(safe-area-inset-bottom)); border-top: 1px solid #c3d6dc; box-shadow: 0 -3px 18px #15334a07; }
.growth-workspace .savebar .bar { gap: 20px; }
.growth-workspace .savebar .status { font-size: 14px; line-height: 1.5; font-weight: 500; min-width: 0; }
.growth-workspace .save-actions { flex-shrink: 0; gap: 12px; }
.growth-workspace .save-more { position: relative; padding: 0; border: 0; }
.growth-workspace .save-more > summary { padding: 10px 8px; color: var(--muted); list-style: none; font-weight: 600; display: flex; align-items: center; gap: 8px; }
.growth-workspace .save-more > summary::-webkit-details-marker { display: none; }
.growth-workspace .save-more-menu { position: absolute; right: 0; bottom: calc(100% + 12px); width: 208px; display: grid; gap: 8px; background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 10px; box-shadow: 0 8px 30px #173a4b1f; }
.growth-workspace #save { min-width: 160px; }
.growth-workspace footer { padding-top: 30px; }
.growth-workspace footer .wrap { padding: 0; font-size: 13px; }
.growth-workspace .footer-links { display: flex; gap: 8px 20px; flex-wrap: wrap; }
.growth-workspace .footer-links a { min-height: 32px; }
.growth-workspace .mobile-menu { display: none; }
.growth-workspace .skip-link { position: absolute; left: 16px; top: -80px; z-index: 10; background: #fff; padding: 10px 14px; border: 2px solid var(--blue); }
.growth-workspace .skip-link:focus { top: 8px; }

@media (max-width: 960px) {
  .growth-workspace .tabs { overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
  .growth-workspace #tab-diagnosis { margin-left: 0; }
  .growth-workspace .workspace-heading { display: block; }
  .growth-workspace .workspace-progress { max-width: none; margin: 10px 0 0; }
  .growth-workspace .recommendation-list { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .growth-workspace header .bar { padding: 5px 16px; min-height: 58px; flex-wrap: nowrap; gap: 12px; }
  .growth-workspace nav { margin-left: auto; gap: 12px; }
  .growth-workspace .brand { font-size: 25px; }
  .growth-workspace .desktop-link { display: none; }
  .growth-workspace #authLink { max-width: 128px; font-size: 13px; }
  .growth-workspace .mobile-menu { display: block; position: relative; padding: 0; border: 0; }
  .growth-workspace .mobile-menu summary { min-height: 44px; display: flex; align-items: center; gap: 7px; font-size: 14px; padding: 0 3px; list-style: none; }
  .growth-workspace .mobile-menu summary::-webkit-details-marker { display: none; }
  .growth-workspace .mobile-menu-links { position: absolute; right: 0; top: calc(100% + 8px); z-index: 5; width: 220px; padding: 10px; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 8px 30px #173a4b1f; }
  .growth-workspace .mobile-menu-links a { display: flex; padding: 8px 12px; font-size: 15px; }
  .growth-workspace .wrap { padding: 16px 16px 48px; }
  .growth-workspace .page-intro { margin-bottom: 16px; }
  .growth-workspace .page-intro :where(.eyebrow, p) { display: none; }
  .growth-workspace .compact h1 { font-size: 25px; line-height: 1.4; letter-spacing: -.7px; margin: 7px 0; }
  .growth-workspace .page-intro > p { font-size: 15px; }
  .growth-workspace h2 { font-size: 23px; }
  .growth-workspace .board-context { padding: 0 16px; }
  .growth-workspace .context-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; }
  .growth-workspace .context-name { grid-column: 1 / -1; }
  .growth-workspace .context-fields .field { margin-bottom: 12px; }
  .growth-workspace .context-details > summary { font-size: 14px; }
  .growth-workspace .summary-hint { display: none; }
  .growth-workspace .grid2, .growth-workspace .grid3, .growth-workspace .task-meta { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .growth-workspace .tabs { margin: 14px 0 16px; gap: 4px; padding-bottom: 8px; scroll-padding-inline: 8px; }
  .growth-workspace .tabs button { font-size: 15px; padding: 10px 14px; }
  .growth-workspace .workspace-progress { margin-top: 8px; font-size: 14px; }
  .growth-workspace #workspaceDescription { display: none; }
  .growth-workspace .source-context { margin: 10px 0 14px; }
  .growth-workspace .source-note { font-size: 14px; }
  .growth-workspace .source-actions { gap: 8px; }
  .growth-workspace .section-head { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 12px; }
  .growth-workspace .focus-section-head { flex-direction: column; }
  .growth-workspace #addFocus { width: 100%; }
  .growth-workspace .workspace-section { margin-top: 24px; }
  .growth-workspace .card, .growth-workspace .task, .growth-workspace .focus-card { padding: 18px; }
  .growth-workspace .board-context { padding: 0 16px; }
  .growth-workspace .focus-head { flex-wrap: wrap; align-items: flex-start; }
  .growth-workspace .focus-head > :where(h3, .field) { flex-basis: 100%; }
  .growth-workspace :where(.work-empty, .recommendation-card) { padding: 18px; }
  .growth-workspace .experiment-plan { padding: 0 18px; }
  .growth-workspace .experiment-plan > summary { gap: 8px; padding: 18px 0; }
  .growth-workspace .summary-title { font-size: 18px; }
  .growth-workspace .summary-action { font-size: 13px; }
  .growth-workspace .experiment-close > .btn { width: 100%; }
  .growth-workspace .experiment-history-card { padding: 18px; }
  .growth-workspace .savebar { padding: 10px 0 calc(10px + env(safe-area-inset-bottom)); }
  .growth-workspace .savebar .bar { padding: 0 16px; gap: 8px; flex-wrap: wrap; }
  .growth-workspace .savebar .status { font-size: 13px; width: 100%; min-height: 20px; }
  .growth-workspace .save-actions { width: 100%; justify-content: space-between; gap: 8px; }
  .growth-workspace #save { min-width: 154px; padding-inline: 14px; }
  .growth-workspace .save-more > summary { padding-inline: 0; font-size: 13px; }
  .growth-workspace .save-more-menu { left: 0; right: auto; }
  .growth-workspace footer { padding: 24px 16px; }
}
@media (max-width: 360px) {
  .growth-workspace .compact h1 { font-size: 23px; }
  .growth-workspace .eyebrow { font-size: 12px; }
  .growth-workspace #authLink { max-width: 94px; }
  .growth-workspace .context-fields { column-gap: 8px; }
  .growth-workspace .context-fields :where(select, input) { padding-inline: 8px; }
  .growth-workspace .save-actions { gap: 4px; }
  .growth-workspace #save { min-width: 144px; font-size: 14px; }
  .growth-workspace .save-more > summary { font-size: 12px; gap: 4px; }
  .growth-workspace .summary-action { font-size: 12px; }
}
@media print {
  .growth-workspace [hidden] { display: none !important; }
  .growth-workspace .panel[hidden] { display: block !important; }
  .growth-workspace { background: #fff; color: #000; }
  .growth-workspace .wrap { max-width: none; padding: 0; }
  .growth-workspace :where(.focus-card, .recommendation-card, .experiment-history-card) { break-inside: avoid; box-shadow: none; }
  .growth-workspace .tabs, .growth-workspace .skip-link { display: none !important; }
  .growth-workspace .recommendation-list { grid-template-columns: 1fr; }
  .growth-workspace .context-details > :not(summary), .growth-workspace .experiment-plan > :not(summary) { display: block; }
  .growth-workspace details::details-content { content-visibility: visible; }
}