/*
  出海寻宝社主题：藏蓝突出重点，浅蓝区分内容，暖黄标记行动。
  标题使用编辑感衬线字，正文和数据表保持清爽易读。
*/
.tools-page .tool-card.tool-card--recommended { border: 2px solid #d2ad54; background: #fff8e6; }
.tools-page .tool-card-footer { justify-content: flex-end; }

:root {
  --orange: #d5ac46;
  --forest: #263a55;
  --forest-2: #466480;
  --leaf: #927023;
  --lime: #e2bd61;
  --pink: #836426;
  --paper: #f6f3e9;
  --paper-2: #e7eef4;
  --card: #fffdf7;
  --ink: #26384d;
  --muted: #617182;
  --line: #d2d9df;
  --serif: "Iowan Old Style", "Baskerville", "Songti SC", "Noto Serif SC", "STSong", Georgia, serif;
  --sans: "Avenir Next", "PingFang SC", "Microsoft YaHei", sans-serif;
  --mono: "SFMono-Regular", "Cascadia Code", "Roboto Mono", monospace;
  --display: "Iowan Old Style", "Baskerville", "Songti SC", "Noto Serif SC", "STSong", Georgia, serif;
  color-scheme: light;
  font-family: var(--sans);
  color: var(--ink);
  background: var(--paper);
}

/* Shared palette for public pages. */
:is(.hub-page, .guide-page, .tools-page) {
  --orange: #d5ac46;
  --forest: #263a55;
  --forest-2: #466480;
  --leaf: #927023;
  --lime: #e2bd61;
  --pink: #836426;
  --paper: #f6f3e9;
  --paper-2: #e7eef4;
  --card: #fffdf7;
  --ink: #26384d;
  --muted: #617182;
  --line: #d2d9df;
  color: var(--ink);
  background: var(--paper);
}

body { background: var(--paper); color: var(--ink); }
::selection { color: var(--forest); background: var(--lime); }
:focus-visible { outline: 3px solid var(--forest-2); outline-offset: 3px; }

.site-header,
:is(.hub-page, .guide-page, .tools-page) .site-header {
  border-bottom-color: var(--line);
  background: rgb(255 255 255 / 94%);
}
.site-header-inner { min-height: 72px; }
.site-brand { gap: 11px; }
.brand-mark {
  border: 1px solid #e2bd61;
  background: var(--forest);
  color: var(--lime);
  box-shadow: 0 0 0 3px #e2bd6126;
}
.brand-copy strong,
:is(.hub-page, .guide-page, .tools-page) .brand-copy strong { color: var(--forest); letter-spacing: .05em; }
.brand-copy small,
:is(.hub-page, .guide-page, .tools-page) .brand-copy small { color: #647587; }
.site-nav,
:is(.hub-page, .guide-page, .tools-page) .site-nav { color: #536b81; font-size: 14px; }
.site-nav a:hover,
.site-nav a.is-current,
:is(.hub-page, .guide-page, .tools-page) .site-nav a:hover,
:is(.hub-page, .guide-page, .tools-page) .site-nav a.is-current { color: var(--forest); }
.site-nav a.is-current::after,
:is(.hub-page, .guide-page, .tools-page) .site-nav a.is-current::after { background: var(--lime); }

h1,
:is(.hub-page, .guide-page, .tools-page) h1 {
  color: var(--forest);
  font-family: var(--display);
  font-weight: 750;
  letter-spacing: -.055em;
  line-height: 1.04;
}
h1 em,
:is(.hub-page, .guide-page, .tools-page) h1 em { color: var(--forest-2); font-style: normal; font-weight: 750; }
.eyebrow, .section-kicker,
:is(.hub-page, .guide-page, .tools-page) .eyebrow,
:is(.hub-page, .guide-page, .tools-page) .section-kicker { color: var(--forest-2); }
.eyebrow-dot,
:is(.hub-page, .guide-page, .tools-page) .eyebrow-dot { background: var(--leaf); box-shadow: 0 0 0 4px #9270231a; }
.hero-dek,
:is(.hub-page, .guide-page, .tools-page) .hero-dek { color: #5d7185; font-size: 14px; line-height: 1.85; }
.button,
:is(.hub-page, .guide-page, .tools-page) .button { border-radius: 4px; }
.button-dark,
:is(.hub-page, .guide-page, .tools-page) .button-dark { background: var(--forest); color: #fffdf7; }
.button-dark:hover,
:is(.hub-page, .guide-page, .tools-page) .button-dark:hover { background: #354f70; }
.button-light, .button-outline,
:is(.hub-page, .guide-page, .tools-page) .button-light,
:is(.hub-page, .guide-page, .tools-page) .button-outline { border-color: #bbcbd8; background: #fffdf7; color: var(--forest); }
.button-light:hover, .button-outline:hover,
:is(.hub-page, .guide-page, .tools-page) .button-light:hover,
:is(.hub-page, .guide-page, .tools-page) .button-outline:hover { border-color: var(--forest-2); background: #eaf0f5; }

.hub-page .hub-hero { gap: 42px; padding-top: 44px; }
.hub-page .hub-hero h1 { font-size: clamp(48px, 6.3vw, 72px); }
.hub-page .hub-hero h1 em { color: var(--forest-2); }
.hub-page .hub-hero .hero-dek { color: #5d7185; }
.hub-page .hub-art,
.hero-art {
  width: min(100%, 410px);
  padding: 8px;
  overflow: hidden;
  border: 1px solid #d3c38d;
  border-radius: 8px;
  background: #eaf0f5;
}
.hub-page .hub-art img,
.hero-art img { width: 100%; height: auto; display: block; mix-blend-mode: multiply; }
.hub-page .hub-art figcaption,
.hero-art figcaption { display: none; }

.hub-note, .hub-page .hub-note, .status-note,
:is(.hub-page, .guide-page, .tools-page) .status-note {
  border-color: var(--line);
  background: #eaf0f5;
}
.hub-note p, .status-note p,
:is(.hub-page, .guide-page, .tools-page) .status-note p { color: #536975; }
.hub-note strong, .status-note strong,
:is(.hub-page, .guide-page, .tools-page) .status-note strong { color: var(--forest); }
.status-tag,
:is(.hub-page, .guide-page, .tools-page) .status-tag { background: var(--forest); color: #fffdf7; }
.status-note > a, .site-footer > a:last-child,
:is(.hub-page, .guide-page, .tools-page) .site-footer > a:last-child { color: var(--leaf); }

.section-heading h2, .method-heading h2, .tools-callout h2, .workflow-note h2,
.hub-page .hub-modules .section-heading h2, .hub-page .hub-stages h2,
.guide-page .guide-section-heading h2, .guide-page .fictional-example h2,
.guide-page .guide-start h2, .tools-page .section-heading h2, .tools-page .directory-heading h2 {
  color: var(--forest);
  font-family: var(--display);
  font-weight: 700;
  letter-spacing: -.04em;
}
.sample-date, .section-note,
:is(.hub-page, .guide-page, .tools-page) .section-note { color: #788992; }
.sample-sheet {
  border-color: #263a55;
  border-radius: 8px;
  background: #263a55;
  color: #f8fbfb;
}
.sample-label { border-color: #e2bd6180; color: #e0d5af; }
.sample-title p, .sample-facts dd, .sample-metrics span, .sample-metrics p { color: #d9e8ea; }
.sample-facts dt, .sample-metrics strong { color: #e0d5af; }
.sample-metrics { border-top-color: #fffdf740; }
.source-link { color: #d3f0f1; }
.method-section .method-list { border-color: var(--line); }
.method-list li { border-color: var(--line); }
.method-list li > span, .hub-page .hub-stages .method-list li > span { color: var(--leaf); }
.method-list h3, .hub-page .hub-stages .method-list h3 { color: var(--forest); }
.method-list p, .hub-page .hub-stages .method-list p { color: #667985; }
.method-source { color: #7b8b93; }
.method-source a, .text-link { color: var(--leaf); }
.tools-callout, .workflow-note, .hub-page .library-method {
  border-color: var(--line);
  border-radius: 8px;
  background: #eaf0f5;
}
.tools-callout p:last-child, .workflow-note > p,
.hub-page .library-copy p, .hub-page .hub-callout p:last-child { color: #586d78; }
.hub-page .hub-callout { border-color: var(--line); border-radius: 8px; background: #fffdf7; }
.hub-page .module-card {
  border-color: var(--line);
  border-radius: 8px;
  background: #fffdf7;
}
.hub-page .module-card:nth-child(1) { background: #eaf0f5; }
.hub-page .module-card:nth-child(2) { background: #fffdf7; }
.hub-page .module-card:nth-child(3) { background: #eaedf1; }
.hub-page .module-card:nth-child(4) { background: #f0e8dc; }
.hub-page .module-card:hover { border-color: #8ea7bd; background: #fffdf7; }
.hub-page .module-card--featured { border-top-color: var(--forest-2); }
.hub-page .module-card strong { color: var(--forest); font-family: var(--display); font-weight: 700; }
.hub-page .module-card p { color: #5d7185; }
.hub-page .module-card b { color: var(--forest-2); }
.hub-page .library-method { border-left-color: var(--forest-2); }
.site-footer,
:is(.hub-page, .guide-page, .tools-page) .site-footer { border-top-color: var(--line); color: #657781; }
.footer-brand,
:is(.hub-page, .guide-page, .tools-page) .footer-brand { color: var(--forest); }
.footer-brand span,
:is(.hub-page, .guide-page, .tools-page) .footer-brand span { color: #7d8d95; }

/* Tool directory: white cards and a quiet blue category rail keep choices legible. */
.tools-page .tools-hero-note { border-left-color: var(--forest-2); border-radius: 8px; background: #eaf0f5; }
.tools-page .tools-hero h1 em { color: var(--forest-2); }
.tools-page .tools-hero-note strong { color: var(--forest); font-family: var(--display); font-weight: 700; }
.tools-page .tools-hero-note strong small,
.tools-page .hero-note-label, .tools-page .hero-note-foot { color: #687c86; }
.tools-page .affiliate-note { border-color: var(--line); border-left-color: var(--forest-2); border-radius: 8px; background: #eaf0f5; }
.tools-page .affiliate-note-mark { border-color: #a4b9c9; color: var(--forest); }
.tools-page .affiliate-note p { color: #566b76; }
.tools-page .affiliate-note strong { color: var(--forest); }
.tools-page .affiliate-note a { color: var(--leaf); }
.tools-page .pick-card { border-color: var(--line); border-radius: 8px; background: #fffdf7; }
.tools-page .pick-card:nth-child(4n + 1) { background: #eaf0f5; }
.tools-page .pick-card:nth-child(4n + 3) { background: #eaedf1; }
.tools-page .pick-card:hover { border-color: #8ea7bd; background: #fffdf7; }
.tools-page .pick-card strong { color: var(--forest); font-family: var(--display); font-weight: 700; }
.tools-page .pick-card b { color: var(--forest-2); }
.tools-page .tool-search { border-color: #bbcbd8; border-radius: 6px; background: #fffdf7; }
.tools-page .category-rail { border-color: var(--line); border-radius: 8px; background: #eaf0f5; }
.tools-page .category-button { color: #536873; }
.tools-page .category-button:hover { color: var(--forest); }
.tools-page .category-button.is-active { border-radius: 5px; background: var(--forest); color: #fffdf7; }
.tools-page .category-button.is-active small { color: #e0d5af; }
.tools-page .tool-category-heading { border-bottom-color: var(--line); }
.tools-page .category-index { color: var(--leaf); }
.tools-page .tool-category-heading h3 { color: var(--forest); font-family: var(--display); font-weight: 700; }
.tools-page .tool-category-heading p { color: #5c7286; }
.tools-page .tool-card { border-color: var(--line); border-radius: 8px; background: #fffdf7; }
.tools-page .tool-card:hover { border-color: #8ea7bd; box-shadow: 0 5px 16px #314e6410; }
.tools-page .tool-card-meta, .tools-page .official-label { color: #788891; }
.tools-page .tool-card h4 { color: var(--forest); font-family: var(--display); font-weight: 700; }
.tools-page .tool-card > p { color: #5c7286; }
.tools-page .tool-tags span { border-color: #d2d9df; border-radius: 999px; color: #5c7286; }
.tools-page .tool-card-footer { border-top-color: #e4dfd1; }
.tools-page .tool-card-footer a, .tools-page .tool-referral { color: var(--forest-2); }
.tools-page .tool-offer { color: #765444; }
.tools-page .tool-offer > span { border-radius: 999px; background: #eee5db; }
.tools-page .workflow-note { border-left: 3px solid var(--forest-2); }

/* Beginner guide: use the pale aqua as a reading cue, not a page-wide fill. */
.guide-page .guide-main { max-width: 1010px; }
.guide-page .guide-hero h1 { color: var(--forest); font-family: var(--display); font-weight: 750; }
.guide-page .guide-hero h1 em { color: var(--forest-2); }
.guide-page .guide-hero h1 em { color: var(--forest-2); }
.guide-page .guide-hero .hero-dek { color: #5d7185; }
.guide-page .guide-pills span { border-color: var(--line); border-radius: 999px; background: #fffdf7; color: #5e717b; }
.guide-page .guide-takeaway { border-color: var(--line); border-left-color: var(--forest-2); border-radius: 8px; background: #eaf0f5; }
.guide-page .guide-takeaway strong { color: var(--forest); }
.guide-page .guide-takeaway p, .guide-page .guide-section-heading > p:last-child { color: #5d7185; }
.guide-page .flow-track li { border-color: var(--line); border-radius: 8px; background: #fffdf7; }
.guide-page .flow-track li:nth-child(even) { background: #eaf0f5; }
.guide-page .flow-track li:not(:last-child)::after { color: var(--forest-2); background: var(--paper); }
.guide-page .flow-track li > span, .guide-page .step-number { color: var(--forest-2); }
.guide-page .flow-track li strong, .guide-page .step-content h3 { color: var(--forest); font-family: var(--display); font-weight: 700; }
.guide-page .flow-track li small, .guide-page .step-content > p { color: #5d7185; }
.guide-page .step-number { border-color: #a4b9c9; border-radius: 50%; background: #eaf0f5; }
.guide-page .guide-step { border-top-color: var(--line); }
.guide-page .guide-source-grid > div, .guide-page .term-examples > div { border-color: var(--line); border-radius: 8px; background: #fffdf7; }
.guide-page .fictional-example, .guide-page .guide-start { border-color: var(--line); border-radius: 8px; background: #eaf0f5; }
.guide-page .fictional-example h2, .guide-page .guide-start h2 { color: var(--forest); font-family: var(--display); font-weight: 700; }
.guide-page .example-signal { border-left-color: var(--forest-2); border-radius: 4px; background: #fffdf7; color: #3e5562; }
.guide-page .example-path li { border-color: var(--line); border-radius: 6px; background: #fffdf7; }
.guide-page .example-path strong { color: var(--forest-2); }
.guide-page .example-path span { color: #596e78; }

/* Personal radar workspace keeps its dark navigation and bright data surface. */
.app-frame { background: var(--paper); }
.paper-grain { display: none; }
.sidebar { border-right: 1px solid #466480; background: #263a55; color: #f6f3e9; }
.sidebar .brand-mark { background: var(--lime); color: var(--pink); box-shadow: 0 0 0 3px #fffdf70d; }
.sidebar .brand-copy strong { color: #fffdf7; }
.sidebar .brand-copy small, .nav-caption { color: #c2d0d7; }
.sidebar-rule, .sidebar-bottom { border-color: #fffdf724; }
.nav-item { border-radius: 5px; color: #d3dfe3; }
.nav-item:hover, .nav-item.is-active { background: #fffdf714; color: #fffdf7; }
.nav-item.is-active { box-shadow: inset 2px 0 var(--lime); }
.nav-icon { color: var(--lime); }
.nav-count { color: #b9c9d0; }
.signal-status { color: #e2eff0; }
.signal-status span { background: var(--lime); box-shadow: 0 0 0 4px #e2bd6126; }
.sidebar-bottom p { color: #bdcbd2; }
.topbar { border-bottom-color: var(--line); background: #fffdf7; }
.breadcrumb b, .today-stamp { color: #80919a; }
.breadcrumb strong { color: var(--forest); }
.icon-button { border-color: var(--line); color: var(--forest-2); }
.icon-button:hover { border-color: var(--forest-2); background: #eaf0f5; }
.button-ink { background: var(--forest); color: #fffdf7; }
.button-ink:hover { background: #354f70; }
.button-outline { border-color: #bbcbd8; background: #fffdf7; }
.button-quiet { border-color: var(--line); }
.sparkle { color: var(--leaf); }
.eyebrow { color: var(--forest-2); }
.eyebrow-dot { background: var(--leaf); }
h1 { color: var(--forest); font-family: var(--display); font-weight: 750; }
h1 em { color: var(--forest-2); font-style: normal; font-weight: 750; }
.intro-dek { color: #5d7185; }
.radar-profile-card { border-color: var(--line); border-radius: 8px; background: #fffdf7; }
.micro-label { color: #748892; }
.radar-profile-card > strong { color: var(--forest); }
.profile-tags span { border-color: var(--line); border-radius: 999px; color: #5e727c; }
.text-button, .notice-action { color: var(--forest-2); }
.notice-bar { border-color: #d2d9df; border-radius: 6px; background: #eaf0f5; color: #445e69; }
.notice-icon { border-color: #a4b9c9; color: var(--forest-2); }
.notice-bar strong { color: var(--forest); }
.stats-grid { overflow: hidden; border-color: var(--line); border-radius: 8px; }
.stat-card { border-color: var(--line); }
.stat-card--accent { background: #eaf0f5; }
.stat-label { color: #5d717c; }
.stat-index { color: #8498a1; }
.stat-value { color: var(--forest); font-family: var(--display); font-weight: 700; }
.stat-foot { color: #778991; }
.mini-bar { background: var(--forest-2); }
.mini-bar--orange, .mini-bar--green, .mini-bar--blue { background: var(--forest-2); }
.desk-layout { gap: 24px; }
.section-kicker, .heading-count { color: #7c8e97; }
.kicker-line { background: var(--lime); }
.section-heading h2, .keyword-heading h2 { color: var(--forest); font-family: var(--display); font-weight: 700; }
.filter-row { border-bottom-color: var(--line); }
.filter-chip { border-radius: 999px; color: #617680; }
.filter-chip.is-selected { border-color: #cdbb82; background: #f5ebce; color: var(--forest); }
.filter-chip span { color: #82939b; }
.search-box { border-bottom-color: #a4b9c9; color: #73858e; }
.signal-card { border-color: var(--line); border-radius: 8px; background: #fffdf7; }
.signal-card:hover, .signal-card.is-current { border-color: #8ea7bd; box-shadow: 0 4px 14px #263a5510; }
.signal-card.is-current { background: #eaf0f5; }
.signal-glyph { border-color: #d2d9df; background: #eaf0f5; color: var(--forest-2); }
.signal-card h3 { color: var(--forest); font-family: var(--display); font-weight: 700; }
.signal-card-summary { color: #5c7286; }
.detail-panel { border-color: #466480; border-radius: 8px; background: #466480; color: #fffdf7; }
.detail-panel h3 { color: #fffdf7; font-family: var(--display); font-weight: 700; }
.source-link { color: #d7f1f2; }
.method-card { border-color: var(--line); border-radius: 8px; background: #eaf0f5; }
.method-card h3 { color: var(--forest); font-family: var(--display); font-weight: 700; }
.source-strip { border-top-color: var(--line); }
.source-strip-label { color: #778a93; }
.source-pills span { border-color: #d2d9df; border-radius: 999px; color: #5d727c; }
.modal { border-color: var(--line); border-radius: 10px; background: var(--paper); box-shadow: 0 20px 60px #263a5526; }
.modal::backdrop { background: #263b4a88; }
.modal-header h2 { color: var(--forest); font-family: var(--display); font-weight: 700; }
.field input, .field textarea, .field select { border-color: var(--line); border-radius: 5px; background: #fffdf7; }
.field input::placeholder, .field textarea::placeholder { color: #91a0a7; }
.score-editor { border-color: var(--line); border-radius: 6px; background: #e7eef4; }
.score-inputs select, .actual-metrics-grid input { border-color: #d2d9df; border-radius: 4px; background: #fffdf7; }
.launch-details { border-color: var(--line); border-radius: 6px; background: #fffdf7; }
.launch-details summary { color: var(--forest); }
.actual-metrics-heading { border-top-color: var(--line); }
.actual-metrics-heading strong { color: #506773; }
.toast { border-color: #466480; border-radius: 6px; background: #263a55; color: #fffdf7; }
.keyword-section { border-color: var(--line); border-radius: 8px; background: #fffdf7; }
.keyword-table-wrap { border-color: var(--line); border-radius: 6px; }
.keyword-table th { background: #e7eef4; color: #526b77; }
.keyword-table td { border-top-color: #e4dfd1; color: #546b76; }
.keyword-table td small { color: #82939b; }
.keyword-term-button { color: var(--forest); }
.keyword-term-button:hover { color: var(--leaf); }
.keyword-pill { border-radius: 999px; background: #ece9df; color: #596f79; }
.trend-rising, .verdict-prioritize { background: #e6eef4; color: #836426; }
.trend-falling, .verdict-skip { background: #eee5db; color: #765344; }
.verdict-watch { background: #ece8df; color: #55455f; }
.is-pending { background: #ece9df; color: #5c7180; }
.is-reviewed { background: #e6eef4; color: #836426; }
.keyword-footnote { color: #778a93; }
.keyword-footnote-mark { border-color: #bbcbd8; }

@media (max-width: 950px) {
  .hub-page .hub-art { width: min(100%, 340px); }
}
@media (max-width: 640px) {
  .site-header-inner { min-height: 62px; }
  .site-nav { gap: 12px; }
  .hub-page .hub-art, .hero-art { width: min(82%, 320px); margin: 16px auto 0; }
  .hub-page .hub-hero h1 { font-size: clamp(44px, 12.5vw, 58px); }
  .guide-page .guide-hero h1 { font-size: clamp(41px, 11vw, 54px); }
  .sample-sheet, .tools-callout, .workflow-note, .guide-takeaway { border-radius: 6px; }
  .sidebar .brand-mark { box-shadow: 0 0 0 2px #fffdf70d; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Keep the personal workspace visible as the primary action in every top nav. */
.site-nav a.workspace-link {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  padding: 0 11px;
  border: 1px solid var(--leaf);
  border-radius: 2px;
  background: var(--forest);
  color: #fffdf7;
  font-size: 14px;
  font-weight: 700;
}
.site-nav a.workspace-link:hover { background: var(--forest-2); color: #fffdf7; }
.site-nav a.workspace-link::after { display: none; }
.workspace-compact { display: none; }

@media (max-width: 640px) {
  .workspace-full { display: none; }
  .workspace-compact { display: inline; }
  .site-nav, :is(.hub-page, .guide-page, .tools-page) .site-nav { gap: 6px; font-size: 14px; }
  .site-nav a.workspace-link { min-height: 28px; padding-inline: 6px; font-size: 14px; }
  .tools-page .site-nav { gap: 6px; font-size: 14px; }
}


/* Vintage nautical bookplate accents: quiet frames, warm paper, and restrained gilt. */
.site-header,
:is(.hub-page, .guide-page, .tools-page) .site-header { background: rgb(245 241 229 / 96%); }
.brand-mark { border-color: #e2bd61; color: #e3d4ad; box-shadow: 0 0 0 3px #e2bd6126; }
.brand-copy strong { font-family: var(--display); font-size: 17px; letter-spacing: .02em; }
.site-nav a.is-current::after { height: 2px; background: var(--leaf); }
:is(.hub-page, .guide-page, .tools-page) h1 { letter-spacing: -.025em; }
:is(.hub-page, .guide-page, .tools-page) h1 em { color: var(--pink); font-style: italic; font-weight: 600; }
:is(.hub-page, .guide-page, .tools-page) .eyebrow { letter-spacing: .13em; }
.hub-page .hub-art, .hero-art {
  width: min(100%, 410px);
  padding: 5px;
  border: 1px solid var(--leaf);
  outline: 1px solid var(--forest);
  outline-offset: 3px;
  border-radius: 2px;
  background: var(--forest);
  box-shadow: 0 14px 34px #263a551c;
}
.hub-page .hub-art img, .hero-art img { mix-blend-mode: normal; }
.sample-sheet { border-color: var(--leaf); border-radius: 3px; background: #263a55; }
.sample-label { border-color: #e2bd6180; color: #e0d5af; }
.hub-page .module-card, .tools-page .tool-card, .guide-page .flow-track li { border-radius: 4px; }
.hub-page .module-card--featured { border-top-color: var(--leaf); }
.tools-page .category-rail { background: #eaf0f5; }
.tools-page .category-button.is-active { background: var(--forest); }
.guide-page .guide-takeaway, .guide-page .fictional-example, .guide-page .guide-start { border-left-color: var(--leaf); }
.sidebar { border-right-color: #466480; background: #263a55; }
.sidebar .brand-mark { background: #e2bd61; color: #836426; }
.nav-item.is-active { box-shadow: inset 2px 0 #e2bd61; }
.detail-panel { border-color: #466480; background: #466480; }
.keyword-table th { background: #e7eef4; }
@media (max-width: 640px) {
  .hub-page .hub-art, .hero-art { width: min(82%, 320px); }
}

/* Shared reading scale: body copy is 16px; source styles keep labels at 14px. */
body { font-size: 16px; line-height: 1.65; }

.hub-page .hub-hero .hero-dek,
.hub-page .module-card p,
.hub-page .hub-stages .method-list p,
.hub-page .hub-callout p:last-child,
.hub-page .library-copy p,
.tools-page .hero-dek,
.tools-page .affiliate-note p,
.tools-page .tool-category-heading p,
.tools-page .tool-card > p,
.tools-page .workflow-note > p,
.guide-page .guide-hero .hero-dek,
.guide-page .step-content > p,
.guide-page .guide-start > div:first-child > p:last-child,
.radar-page .hero-dek,
.radar-page .radar-result-card dd,
.radar-page .radar-empty > p:not(.section-kicker),
.intro-dek,
.notice-bar p,
.signal-card-summary,
.detail-summary,
.detail-note,
.method-list p,
.keyword-heading p,
.field input,
.field select,
.field textarea {
  font-size: 16px;
  line-height: 1.8;
}

.hub-page .hub-stages .method-list h3 { margin-top: 0; font-size: 20px; line-height: 1.45; }
.hub-page .hub-stages .method-list li { grid-template-columns: 30px minmax(0, 1fr); gap: 12px; padding-block: 22px; }
.hub-page .module-card { padding: 22px; }
.hub-page .module-card strong { line-height: 1.35; }
.hub-page .module-card b { padding-top: 18px; }
.hub-page .module-index { letter-spacing: .015em; }
.hub-page .module-grid { gap: 16px; }

.site-header-inner { flex-wrap: wrap; padding-block: 14px; gap: 14px 24px; }
.site-nav { flex-wrap: wrap; gap: 12px 22px; }
.site-nav a { white-space: nowrap; }
.site-nav a.workspace-link { min-height: 40px; padding-inline: 14px; }
.site-footer { flex-wrap: wrap; line-height: 1.7; }
.button { min-height: 44px; padding-block: 8px; line-height: 1.5; }

.tools-page .directory-layout { grid-template-columns: 240px minmax(0, 1fr); gap: 26px; }
.tools-page .category-button { gap: 12px; min-height: 46px; line-height: 1.5; text-align: left; }
.tools-page .category-button small { flex-shrink: 0; }
.tools-page .pick-card > span:nth-of-type(2) { display: block; overflow: visible; font-size: 16px; line-height: 1.7; -webkit-line-clamp: unset; }
.tools-page .tool-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.tools-page .tool-card { padding: 22px; }
.tools-page .tool-card-meta,
.tools-page .tool-card-footer,
.tools-page .tool-offer { flex-wrap: wrap; gap: 10px; }
.tools-page .tool-offer { display: flex; align-items: center; }
.tools-page .tool-offer small { flex-basis: 100%; }
.tools-page .official-label,
.tools-page .tool-card-footer a { white-space: normal; line-height: 1.6; }
.tools-page .tool-search { min-height: 46px; }
.tools-page .tool-search input { font-size: 16px; }
.tools-page .affiliate-note { grid-template-columns: 22px minmax(0, 1fr); }
.tools-page .affiliate-note > a { grid-column: 2; white-space: normal; }

.guide-step-list { margin: 0; padding: 0; list-style: none; }
.guide-page .guide-hero { max-width: 850px; padding-bottom: 12px; }
.guide-page .guide-hero h1 { font-size: clamp(36px, 5.5vw, 58px); line-height: 1.25; }
.guide-page .guide-steps { padding-top: 28px; }
.guide-page .guide-step { padding-block: 24px; }
.guide-page .step-number { width: 36px; height: 36px; }
.guide-page .step-content h3 { margin-top: 0; font-size: 24px; line-height: 1.45; }
.guide-page .guide-hero::after { display: none; }
.guide-compact-example { margin-top: 24px; }
.guide-example-notes { display: grid; gap: 16px; margin: 22px 0 0; }
.guide-example-notes > div { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 18px; }
.guide-example-notes dt { color: var(--forest); font-weight: 700; }
.guide-example-notes dd { margin: 0; color: var(--forest-2); line-height: 1.8; }
.guide-page .guide-start { margin-top: 28px; grid-template-columns: minmax(0, 1fr) 250px; }
.guide-page .guide-start h2 { font-size: 28px; }
.guide-page .guide-actions .button { font-size: 16px; }
.guide-page .guide-editorial-note { margin-top: 24px; }

.partner-feature { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 32px; align-items: center; margin: 36px 0; padding: 30px; border: 1px solid var(--lime); border-left: 4px solid var(--leaf); border-radius: 6px; background: var(--card); }
.partner-copy h2 { max-width: 650px; margin: 10px 0; color: var(--forest); font: 700 28px/1.45 var(--display); }
.partner-copy > p:not(.section-kicker) { margin: 8px 0 0; color: var(--forest-2); font-size: 16px; }
.partner-actions { display: grid; gap: 14px; justify-items: center; }
.partner-actions > p { margin: 0; color: var(--forest-2); font-size: 16px; }
.partner-actions strong { margin-left: 8px; color: var(--forest); font: 700 20px var(--mono); letter-spacing: .06em; }

@media (max-width: 1000px) {
  .tools-page .directory-layout { grid-template-columns: 215px minmax(0, 1fr); gap: 20px; }
  .tools-page .pick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .tools-page .tool-grid { grid-template-columns: 1fr; }
  .hub-page .module-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .site-header-inner { align-items: flex-start; }
  .site-nav { width: 100%; justify-content: flex-start; }
  .brand-copy strong { font-size: 18px; }
  .tools-page .directory-layout { grid-template-columns: 1fr; }
  .tools-page .category-rail { position: static; display: flex; flex-wrap: wrap; gap: 8px; max-height: none; overflow: visible; }
  .tools-page .rail-caption { flex-basis: 100%; }
  .tools-page .category-button { width: auto; flex: 0 1 auto; padding: 10px 12px; border: 1px solid var(--line); border-radius: 5px; }
  .tools-page .category-button small { margin-left: 6px; }
  .tools-page .directory-heading { flex-direction: column; align-items: stretch; }
  .tools-page .tool-search { width: 100%; }
  .guide-page .guide-start { grid-template-columns: 1fr; }
  .partner-feature { grid-template-columns: 1fr; gap: 24px; padding: 24px; }
  .partner-actions { justify-items: start; }
}

@media (max-width: 560px) {
  .site-header-inner { width: calc(100% - 32px); }
  .site-nav, :is(.hub-page, .guide-page, .tools-page) .site-nav { gap: 8px 16px; }
  .site-nav a.workspace-link { min-height: 40px; padding-inline: 12px; }
  .hub-page .module-grid,
  .hub-page .hub-stages .method-list,
  .tools-page .pick-grid { grid-template-columns: 1fr; }
  .hub-page .hub-stages .method-list li:nth-child(n) { border-left: 0; padding-left: 0; }
  .guide-page .guide-step { grid-template-columns: 36px minmax(0, 1fr); gap: 14px; }
  .guide-page .step-content h3 { font-size: 21px; }
  .guide-example-notes > div { grid-template-columns: 1fr; gap: 5px; }
  .partner-copy h2 { font-size: 24px; }
}

/* Clear entry points: navy for focus, pale blue for grouping, warm yellow for action. */
.site-header,
:is(.hub-page, .guide-page, .tools-page) .site-header { background: #f6f3e9f5; }
.brand-mark { border-color: var(--forest); color: var(--lime); box-shadow: none; }
.site-nav a.is-current::after { background: var(--orange); }
.site-nav a.workspace-link { border-color: var(--forest); border-radius: 5px; }
.hub-page .hub-hero,
.tools-page .tools-hero { margin-top: 28px; padding: 36px; border-radius: 10px; background: var(--forest); color: var(--card); }
.hub-page .hub-hero { min-height: 0; grid-template-columns: 1.2fr .8fr; gap: 28px; }
:is(.hub-page .hub-hero, .tools-page .tools-hero) h1 { margin-block: 18px; color: var(--card); font-size: clamp(38px, 4.8vw, 60px); line-height: 1.2; }
:is(.hub-page .hub-hero, .tools-page .tools-hero) h1 em { color: var(--lime); font-style: normal; }
:is(.hub-page .hub-hero, .tools-page .tools-hero) .eyebrow { color: #d1deea; font-size: 14px; letter-spacing: .05em; }
:is(.hub-page .hub-hero, .tools-page .tools-hero) .eyebrow-dot { background: #e7bf60; box-shadow: none; }
.hub-page .hub-hero .hero-dek,
.tools-page .tools-hero .hero-dek { color: #dbe5ef; font-size: 18px; line-height: 1.7; }
.hub-page .hub-hero .button-dark { background: #e7bf60; color: #263a55; }
.hub-page .hub-hero .button-light { border-color: #8ca2b9; background: transparent; color: var(--card); }
.hub-page .hub-art { width: 100%; max-width: 350px; padding: 0; border: 1px solid #c7b47b; outline: none; transform: none; box-shadow: none; border-radius: 5px; }
.hub-page .hub-modules { padding-block: 34px 24px; }
.hub-page .hub-modules h2 { font-size: 30px; }
.hub-page .module-card { min-height: 220px; padding: 22px; border-radius: 7px; border-top: 3px solid var(--line); }
.hub-page .module-card:nth-child(1) { background: var(--forest); border-color: var(--forest); }
.hub-page .module-card:nth-child(1) :is(strong, p) { color: var(--card); }
.hub-page .module-card:nth-child(1) :is(.module-index, b) { color: var(--lime); }
.hub-page .module-card:nth-child(2) { background: var(--paper-2); border-top-color: #86a4be; }
.hub-page .module-card:nth-child(3) { background: var(--card); border-top-color: var(--orange); }
.hub-page .module-card:nth-child(4) { background: #f8eed3; border-top-color: #c4a14e; }
.hub-page .module-card strong { font-size: 23px; }
.hub-page .module-card b { color: #806125; font-size: 16px; }
.hub-page .module-card .module-index { color: #587087; }
.hub-page .module-card:hover { transform: translateY(-3px); box-shadow: 0 5px 0 #263a5510; }
.partner-feature { margin: 8px 0 32px; padding: 24px 28px; border: 1px solid #dec78d; border-left: 5px solid var(--orange); background: #faf0d5; }
.partner-copy .section-kicker { color: #876525; }
.partner-copy h2 { font-size: 25px; }
.partner-actions .button { background: #e2b84f; color: #263a55; }
.hub-page .hub-stages { padding: 26px 0 32px; }
.hub-page .hub-stages .method-list { display: grid; padding: 0; list-style: none; background: var(--paper-2); border: 1px solid var(--line); border-radius: 7px; }
.hub-page .hub-stages .method-list li:nth-child(n) { min-height: 0; padding: 22px 16px; border: 0; }
.hub-page .hub-stages .method-list li + li { border-left: 1px solid var(--line); }
.hub-page .hub-callout { background: var(--paper-2); border: 0; border-left: 4px solid var(--forest-2); }

.tools-page .tools-hero { grid-template-columns: minmax(0, 1fr) 220px; align-items: center; gap: 24px; }
.tools-page .tools-hero-note { padding: 16px 22px; border-left: 1px solid #849cb6; background: transparent; border-radius: 0; }
.tools-page .tools-hero-note strong { font-size: 34px; color: var(--lime); }
.tools-page .tools-hero-note :is(strong small, .hero-note-label, .hero-note-foot) { color: #d1deea; }
.tools-page .tool-task-section { padding-top: 30px; }
.tools-page .tool-task-section h2 { margin: 0 0 16px; font: 700 26px/1.4 var(--display); }
.tools-page .tool-task-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.tools-page .tool-task { display: grid; grid-template-columns: 1fr auto; gap: 8px; min-width: 0; padding: 20px; border: 1px solid #c4d3df; border-radius: 7px; background: var(--paper-2); color: var(--ink); text-align: left; cursor: pointer; }
.tools-page .tool-task-number { grid-column: 1 / -1; color: #896a2c; font: 14px var(--mono); }
.tools-page .tool-task strong { grid-column: 1; font: 700 24px/1.3 var(--display); }
.tools-page .tool-task > span:not(.tool-task-number) { grid-column: 1 / -1; color: #526b82; font-size: 16px; }
.tools-page .tool-task b { grid-column: 2; grid-row: 2; color: #9b7628; font-size: 24px; }
.tools-page .tool-task:hover { border-color: var(--forest-2); }
.tools-page .tool-task.is-active { border-color: var(--forest); background: var(--forest); color: var(--card); }
.tools-page .tool-task.is-active :is(span, b) { color: #f0d891; }
.tools-page .pick-section { padding-block: 28px; }
.tools-page .pick-section .section-heading h2 { margin: 0; font-size: 24px; }
.tools-page .pick-grid { margin-top: 14px; gap: 14px; }
.tools-page .pick-card:nth-child(n) { min-height: 190px; padding: 18px; background: var(--card); border-radius: 7px; }
.tools-page .pick-card:nth-child(2) { background: #faf0d5; border-color: #d8c184; }
.tools-page .pick-card strong { margin-top: 8px; font-size: 23px; }
.tools-page .pick-index { color: #65798b; }
.tools-page .pick-card b { color: #806125; font-size: 16px; }
.tools-page .pick-offer { margin-top: 9px; color: #846329; font-size: 14px; }
.tools-page .directory-section { padding-top: 28px; scroll-margin-top: 115px; }
.tools-page .directory-heading h2 { font-size: 30px; }
.tools-page .directory-heading .section-kicker { color: #806125; }
.tools-page .tool-search { border: 1px solid #a4b8c9; background: var(--card); }
.tools-page .category-rail { padding: 14px; border: 1px solid var(--forest); border-radius: 7px; background: var(--forest); }
.tools-page .rail-caption { padding: 0 10px; color: #cbd9e5; font-size: 14px; }
.tools-page .category-group { margin-top: 14px; padding-top: 12px; border-top: 1px solid #ffffff25; }
.tools-page .category-group > p { margin: 0 10px 6px; color: #edcf83; font-size: 14px; font-weight: 700; }
.tools-page .category-button { min-height: 46px; padding: 10px; color: #e7eef5; font-size: 16px; line-height: 1.5; border-radius: 4px; }
.tools-page .category-button small { color: #b9cddd; }
.tools-page .category-button:hover { background: #ffffff14; color: #fffdf7; }
.tools-page .category-button.is-active { background: #f1d98f; color: #263a55; }
.tools-page .category-button.is-active small { color: #536a7c; }
.tools-page .tool-category { margin-bottom: 28px; }
.tools-page .tool-category-heading { padding: 18px 20px; border: 1px solid var(--line); border-left: 4px solid #90aec7; border-radius: 5px; background: var(--paper-2); }
.tools-page .tool-category-heading h3 { font-size: 24px; }
.tools-page .tool-category-heading > small { color: #556e84; }
.tools-page .tool-card { padding: 22px; border-radius: 6px; }
.tools-page .tool-card h4 { font-size: 24px; }
.tools-page .tool-card-meta { color: #5a7186; }
.tools-page .tool-tags span { padding: 3px 8px; background: #edf3f7; border: 0; color: #526e87; }
.tools-page .tool-card-footer { margin-top: 18px; border-top-color: var(--line); }
.tools-page .tool-card-footer a { color: #806125; font-size: 16px; }
.tools-page .workflow-note { background: var(--paper-2); }

@media (max-width: 1000px) {
  .tools-page .tool-task-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hub-page .hub-hero { padding: 30px; }
}
@media (max-width: 760px) {
  .hub-page .hub-hero { grid-template-columns: 1fr; padding: 28px; }
  .hub-page .hub-art { width: min(100%, 340px); margin: 0 auto; }
  .tools-page .tools-hero { grid-template-columns: 1fr; padding: 28px; }
  .tools-page .tools-hero-note { display: flex; flex-wrap: wrap; gap: 12px 24px; padding: 18px 0 0; border-left: 0; border-top: 1px solid #849cb6; }
  .tools-page .hero-note-label { display: none; }
  .tools-page .hero-note-foot { flex-basis: 100%; }
  .tools-page .category-rail { display: block; }
  .tools-page .category-group { display: flex; flex-wrap: wrap; gap: 8px; }
  .tools-page .category-group > p { flex-basis: 100%; }
  .tools-page .category-button { display: inline-flex; border-color: #728da8; }
  .tools-page .directory-section { scroll-margin-top: 150px; }
}
@media (max-width: 560px) {
  .hub-page .hub-hero, .tools-page .tools-hero { margin-top: 16px; padding: 24px 20px; }
  .hub-page .hub-hero h1, .tools-page .tools-hero h1 { font-size: 38px; }
  .hub-page .hub-hero .hero-dek, .tools-page .tools-hero .hero-dek { font-size: 16px; }
  .hub-page .module-card { min-height: 190px; }
  .hub-page .hub-stages .method-list li + li { border-left: 0; border-top: 1px solid var(--line); }
  .tools-page .tool-task { padding: 15px; }
  .tools-page .tool-task strong { font-size: 21px; }
  .tools-page .tool-task > span:not(.tool-task-number) { font-size: 16px; }
  .tools-page .tool-category-heading { gap: 8px; padding: 16px 12px; }
  .tools-page .tool-category-heading h3 { font-size: 22px; }
  .tools-page .tool-category-heading > small { white-space: normal; min-width: 42px; }
}