/* Local design review: vivid chart colors on professional white surfaces.
   Decorative colors never replace readable text or permission checks. */
:root {
  --ink:#202428;
  --brown:#32383d;
  --muted:#596168;
  --orange:#f29a1a;
  --tool-accent:#202428;
  --peach:#f6ceb3;
  --line:#dce1e4;
  --tool-border:#dce1e4;
  --soft:#f7f9fa;
  --black:#202428;
  --shadow:0 14px 38px #2024280c;
  --chart-gold:#e4af2b;
  --chart-sand:#b7a078;
  --chart-aqua:#83c5ce;
  --chart-lime:#d4df52;
  --chart-orange:#f29a1a;
  --chart-terracotta:#d95c43;
  --field-surface:#f7f9fa;
  --explanation-surface:#eef7f8;
  color-scheme:light;
}
body,.hero,.tools-section {background:#fff;color:var(--ink)}
.site-header,footer {border-color:var(--line)}
.site-header #site-nav .nav-briefing-button{background:transparent;border:0;border-radius:0;box-shadow:none;color:inherit;font:inherit;line-height:inherit;padding:0;min-height:44px;text-align:left;white-space:nowrap}
.site-header #site-nav .nav-briefing-button:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:4px}
.site-header #site-nav{flex-wrap:wrap}
.eyebrow,.tool-number,.trust-strip li::before {color:var(--tool-accent)}
.hero h1 em {color:var(--tool-accent)}
.button.primary {
  background:var(--orange);color:var(--ink);border-color:#aab3b9;
  box-shadow:0 3px 9px #2024280a;
}
.button.primary:hover {background:#ffac35;box-shadow:0 5px 14px #20242812}
.button.secondary {background:#fff;border-color:var(--line);color:var(--ink)}
.button.secondary:hover {background:var(--soft);border-color:#8f989f}
.page-navigation a.button[aria-current=page],.site-header #site-nav a[aria-current=page] {
  background:var(--orange);color:var(--ink);border-color:#aab3b9;box-shadow:none;
}
.page-navigation.pro-page-navigation {background:#fff;border-top:1px solid var(--line)}
.page-navigation .workspace-shortcut {background:#fff;border-color:#aab3b9}
.workspace-shortcut .workspace-plan {color:var(--ink)}
.hero-card {
  background:#fff;color:var(--ink);border:1px solid var(--line);
  border-top:4px solid var(--chart-gold);box-shadow:var(--shadow);
}
.hero-card::before {display:none}
.hero-card .notice-top {color:var(--muted);border-color:var(--line);letter-spacing:.08em}
.hero-card .label,.hero-card .hero-amount span,.hero-card .snapshot-note {color:var(--muted)}
.hero-card .snapshot-row {color:var(--ink)}
.hero-card .mini-bars {border-color:var(--line)}
.hero-card .mini-bars i {background:linear-gradient(#f4cd63,var(--chart-gold));border-radius:6px 6px 0 0}
.hero-card .mini-bars i:nth-child(even) {background:linear-gradient(#d3c3a8,var(--chart-sand))}
.hero-card .mini-bars i {transform-origin:center bottom}
.hero-motion-controls {display:flex;justify-content:flex-end;margin:-.5rem 0 .75rem}
.hero-motion-controls .button {min-height:44px;padding:.45rem .7rem;font-size:.74rem}
@media(prefers-reduced-motion:reduce){.hero-motion-controls {display:none}}
@media print{.hero-motion-controls {display:none}}
.hero-card .glass-chip {background:#eef7f8;color:var(--ink);border-color:#c4dfe3;backdrop-filter:none}
.tool-card[data-card-tone],.tool-card[data-card-tone-compact],.tool-card[data-card-tone-mobile] {
  --card-surface:#fff;--card-ink:var(--ink);--card-copy:var(--muted);
  --card-label:var(--tool-accent);--card-border:var(--line);--card-hover:#8c969e;
}
.tool-grid>.tool-card {border-top:3px solid var(--chart-gold);box-shadow:none}
.tool-grid>.tool-card:nth-child(3n+2) {border-top-color:var(--chart-aqua)}
.tool-grid>.tool-card:nth-child(3n) {border-top-color:var(--chart-sand)}
.tool-grid>a.tool-card:focus-visible {transform:none;box-shadow:var(--shadow)}
@media(hover:hover) and (pointer:fine) {
  .tool-grid>.tool-card:hover {transform:translateY(-3px);box-shadow:var(--shadow)}
}
.guides-section,.membership {background:#fff;color:var(--ink)}
.guides-section {border-block:1px solid var(--line)}
.guides-section .eyebrow {color:var(--tool-accent)}
.guide-grid article,.learn-guide-grid article.guide-card,.blog-card {
  background:#fff;border-color:var(--line);border-top:3px solid var(--chart-aqua);color:var(--ink);
}
.guide-grid p,.guide-grid .tag,.membership>div>p:not(.eyebrow) {color:var(--muted)}
.guide-grid a,.learn-guide-grid .guide-card>a {color:var(--tool-accent)}
.guide-grid h3 a {color:var(--ink)}
.membership {border:1px solid var(--line);border-top:4px solid var(--chart-gold)}
.membership .eyebrow {color:var(--tool-accent)}
.price-card {background:var(--soft);border:1px solid var(--line);backdrop-filter:none}
.signup-card,.auth-card,.account-profile .auth-card,.member-account-bar,.free-plan-note,
.account-created-dialog {background:#fff;border-color:var(--line);box-shadow:none}
.signup-card {border-top:3px solid var(--chart-aqua)}
.plan-card {background:#fff;border-color:var(--line)}
.plan-card.featured {background:#fff;border-color:var(--chart-gold);border-top:4px solid var(--chart-gold)}
.plan-badge,.workspace-badge {background:var(--soft);color:var(--ink);border:1px solid var(--line)}
.workspace-badge.late {background:#fff1f0;color:#991b1b;border-color:#f3b4ae}
.results {
  background:#fff;color:var(--ink);border:1px solid var(--line);
  border-top:4px solid var(--chart-gold);box-shadow:var(--shadow);
}
.results .eyebrow,.result-primary>span,.metrics span,.result-disclaimer {color:var(--muted)}
.result-primary {border-color:var(--line)}
.results .result-primary strong,.results .metrics strong {color:var(--ink)}
.results a {color:var(--tool-accent)}
.plain-english {background:var(--explanation-surface);border:1px solid var(--line);color:var(--ink)}
.result-warning {background:var(--explanation-surface);border-color:var(--line);color:var(--ink);border-left:3px solid var(--chart-gold)}
.result-actions .icon-button {background:#fff;border-color:var(--line);color:var(--ink)}
.calculator-lesson .lesson-formula,.calculator-lesson .lesson-next {background:var(--explanation-surface);color:var(--ink)}
.workspace-nav {padding:.5rem;border:1px solid var(--line);border-radius:16px;background:#fff}
.workspace-nav button,.workspace-nav>a {color:var(--ink)}
.workspace-nav button:hover,.workspace-nav>a:hover {background:var(--soft)}
.workspace-nav button[aria-current=page] {background:var(--orange);color:var(--ink);border:1px solid #aab3b9}
.workspace-stats article {background:#fff;border-color:var(--line);border-top:3px solid var(--chart-gold)}
.workspace-stats article:nth-child(4n+2) {border-top-color:var(--chart-aqua)}
.workspace-stats article:nth-child(4n+3) {border-top-color:var(--chart-sand)}
.workspace-stats article:nth-child(4n) {border-top-color:var(--chart-terracotta)}
.workspace-stats span {color:var(--muted)}
.workspace-column {background:var(--soft)}
.workspace-card,.workspace-form,.review-card,.saved-result-card {background:#fff;border-color:var(--line);box-shadow:none}
.workspace-content table thead,.saved-compare thead {background:var(--soft)}
.workspace-content th,.workspace-content td {border-color:var(--line)}
.mh-growth-panel {background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.mh-growth-panel .mh-chart-label {color:var(--ink)}
.mh-chart-scroll {scrollbar-color:#b8c1c7 #f3f5f6}
.mh-chart-scroll:focus-visible {outline:3px solid var(--tool-accent)}
.mh-chart-axis line {stroke:#dce1e4;stroke-opacity:1}
.mh-chart-axis text,.mh-chart-month-label {fill:var(--muted)}
.mh-chart-gap {fill:var(--muted)}
.mh-chart-baseline {stroke:#8d969c;stroke-opacity:1}
.mh-chart-zero {stroke:var(--ink)}
.mh-growth-bar:hover {filter:brightness(.96)}
.mh-growth-panel .mh-chart-help {color:var(--muted)}
.blog-block,.blog-product,.blog-reading blockquote,.blog-format-guide .blog-reading ol li {background:var(--soft);border-color:var(--line)}
.blog-block {border-left-color:var(--chart-aqua)}
.blog-state,.blog-post-button[aria-current=true] {background:#fff6dc;color:var(--ink);border-color:var(--chart-gold)}
.blog-card a,.blog-article a {color:var(--tool-accent)}
.blog-byline,.blog-article figcaption,.blog-disclosure {color:var(--muted)}
.cal-sidebar,.cal-coming-up,.cal-day-notes {background:#fff;border-color:var(--line)}
.cal-today {background:#fff6dc!important;box-shadow:inset 0 -3px var(--chart-gold)}
.cal-month-row>[role=columnheader] {background:var(--soft)}
.qc-toggle,.qc-keys [data-key="="] {background:var(--orange);color:var(--ink);border-color:#aab3b9}
.privacy-banner,.privacy-dialog {border-color:#aab3b9;box-shadow:var(--shadow)}
.privacy-actions .button {border-color:#aab3b9}
.privacy-actions .button.primary {border-color:#aab3b9}
/* Entry fields use light gray; explanations use pale blue.
   Keep checkboxes, file pickers and other native controls unchanged. */
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]):not(:disabled),
textarea:not(:disabled),select:not(:disabled),
#blog-form input:not(:disabled):not([type=checkbox]):not([type=file]),
#blog-form textarea:not(:disabled),#blog-form select:not(:disabled),
.calculator select:not(:disabled),.workspace-fields textarea:not(:disabled),
.workspace-fields select:not(:disabled),.workspace-filters select:not(:disabled),
.calendar-shell select:not(:disabled),.blog-library select:not(:disabled),
#mh-match-record:not(:disabled) {
  background:var(--field-surface);color:var(--ink);border-color:var(--line);
  caret-color:var(--ink);
}
.input-wrap {background:var(--field-surface);border-color:var(--line)}
.input-wrap input {background:transparent}
.input-wrap>span {color:var(--ink)}
.input-wrap:focus-within {border-color:var(--ink);box-shadow:0 0 0 2px #20242820}
.input-wrap input:focus-visible {outline:none}
input::placeholder,textarea::placeholder {color:var(--muted);opacity:1}
input:disabled,textarea:disabled,select:disabled {background:#eef1f3;color:var(--muted)}
/* Keep reduced-motion and printed reports calm and neutral. */
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  .button,.tool-grid>.tool-card {transition:none}
  .button.primary:hover,.tool-grid>.tool-card:hover,.tool-grid>a.tool-card:focus-visible {transform:none}
}
@media print {
  .results,.mh-growth-panel,.workspace-stats article {background:#fff;color:#000;box-shadow:none;border:1px solid #777}
  .results .eyebrow,.result-primary>span,.metrics span,.result-disclaimer,.mh-growth-panel .mh-chart-help {color:#000}
  .mh-chart-axis text,.mh-chart-month-label,.mh-chart-gap {fill:#000}
  .plain-english,.result-warning,.calculator-lesson .lesson-formula,.calculator-lesson .lesson-next {background:#fff;color:#000;border-color:#777}
}
.account-dropdown{width:290px;max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
.account-menu-group{border-top:1px solid var(--tool-border);padding:.4rem 0;margin:.25rem 0}
.account-menu-group h3,.account-menu-session{font-size:.72rem;line-height:1.4;color:var(--muted);margin:.5rem .8rem .25rem;letter-spacing:.02em}
.account-dropdown .account-menu-group a{display:flex;align-items:center;min-height:44px;padding:.6rem .8rem;border-radius:9px;color:var(--ink);text-decoration:none;font-size:.84rem;font-weight:650}
.account-dropdown .account-menu-group a:hover{background:var(--soft)}
.account-dropdown a:focus-visible,.account-dropdown button:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
.account-settings-group{padding:1.25rem 0;border-top:1px solid var(--tool-border);scroll-margin-top:1.5rem}
.account-settings-group h3{margin-top:0}
.account-profile-form{max-width:620px;border:0;background:transparent;padding:0;box-shadow:none}
.account-profile-form label{display:block;font-weight:650;margin:.85rem 0 .4rem}
.account-profile-form input{display:block;width:100%;margin-bottom:.65rem}
.account-settings-group .form-actions{flex-wrap:wrap}
.account-settings-group button:disabled{opacity:.65;cursor:not-allowed}