/* ==========================================================================
   TOOL DETAIL PAGE
   Category-scoped tool page tokens and tone overrides.
   ========================================================================== */
/* Tool detail page tone alignment */
.tool-page {
  --tool-accent: #2563eb;
  --tool-soft: #eff6ff;
  --tool-border: rgba(37, 99, 235, .18);
  --tool-navy: #17233a;
  --tool-line: rgba(226, 232, 240, .92);
}

.tool-page--money {
  --tool-accent: #e85d75;
  --tool-soft: #fff0f3;
  --tool-border: rgba(232, 93, 117, .20);
}

.tool-page--finance {
  --tool-accent: #2563eb;
  --tool-soft: #eff6ff;
  --tool-border: rgba(37, 99, 235, .20);
}

.tool-page--work-pay {
  --tool-accent: #059669;
  --tool-soft: #ecfdf5;
  --tool-border: rgba(5, 150, 105, .20);
}

.tool-page--business {
  --tool-accent: #ea580c;
  --tool-soft: #fff7ed;
  --tool-border: rgba(234, 88, 12, .20);
}

.tool-page--content {
  --tool-accent: #7c3aed;
  --tool-soft: #f5f3ff;
  --tool-border: rgba(124, 58, 237, .20);
}

.tool-page--date-study {
  --tool-accent: #65a30d;
  --tool-soft: #f7fee7;
  --tool-border: rgba(101, 163, 13, .20);
}

.tool-page--text-security {
  --tool-accent: #0284c7;
  --tool-soft: #f0f9ff;
  --tool-border: rgba(2, 132, 199, .20);
}

.tool-page--life-home {
  --tool-accent: #d97706;
  --tool-soft: #fffbeb;
  --tool-border: rgba(217, 119, 6, .20);
}

.tool-page--unit-field {
  --tool-accent: #475569;
  --tool-soft: #f1f5f9;
  --tool-border: rgba(71, 85, 105, .20);
}

.tool-page .meta-primary,
.tool-page .tool-meta-row span:first-child {
  border: 1px solid var(--tool-border);
  background: var(--tool-soft);
  color: var(--tool-accent);
}

.tool-page .tool-meta-row span:not(:first-child),
.tool-page .tool-hero-note {
  border: 1px solid var(--tool-line);
  background: #f8fafc;
  color: #475569;
}

.tool-page input:focus,
.tool-page select:focus,
.tool-page textarea:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 5px rgba(37, 99, 235, .12);
}

.tool-page .button-row > button {
  background: var(--tool-navy);
  color: #fff;
  box-shadow: 0 16px 32px rgba(15, 23, 42, .16);
}

.tool-page .button-row > button:hover,
.tool-page .button-row > button:focus-visible {
  background: #0f172a;
  box-shadow: 0 18px 36px rgba(15, 23, 42, .20);
}

.tool-page .ondo-mode-tabs,
.tool-page .ondo-segmented {
  border-color: var(--tool-line);
  background: rgba(248, 250, 252, .86);
}

.tool-page .ondo-mode-tab,
.tool-page .ondo-segmented-option,
.tool-page .ondo-quick-chip,
.tool-page .parcel-advanced-toggle {
  border: 1px solid var(--tool-line);
  background: #fff;
  color: #475569;
  box-shadow: none;
}

.tool-page .ondo-mode-tab:hover,
.tool-page .ondo-mode-tab:focus-visible,
.tool-page .ondo-segmented-option:hover,
.tool-page .ondo-segmented-option:focus-visible,
.tool-page .ondo-quick-chip:hover,
.tool-page .ondo-quick-chip:focus-visible,
.tool-page .parcel-advanced-toggle:hover,
.tool-page .parcel-advanced-toggle:focus-visible {
  border-color: rgba(148, 163, 184, .46);
  background: #f8fafc;
  color: #334155;
  box-shadow: none;
}

.tool-page .ondo-mode-tab.is-active,
.tool-page .ondo-segmented-option.is-active,
.tool-page .ondo-quick-chip.is-active,
.tool-page .parcel-advanced-toggle.is-open {
  border-color: var(--tool-border);
  background: var(--tool-soft);
  color: var(--tool-accent);
  box-shadow: none;
}

.tool-page .result-action-button {
  border-color: var(--tool-navy);
  background: var(--tool-navy);
  color: #fff;
  box-shadow: 0 10px 22px rgba(15, 23, 42, .12);
}

.tool-page .result-action-button:hover,
.tool-page .result-action-button:focus-visible {
  border-color: #0f172a;
  background: #0f172a;
  color: #fff;
}

.tool-page .result-action-button.result-action-secondary {
  border-color: var(--tool-line);
  background: #fff;
  color: #475569;
  box-shadow: none;
}

.tool-page .result-action-button.result-action-secondary:hover,
.tool-page .result-action-button.result-action-secondary:focus-visible {
  border-color: rgba(148, 163, 184, .46);
  background: #f8fafc;
  color: #334155;
}

.tool-page .ondo-result-shell--light {
  border-color: var(--tool-line);
  background: rgba(255, 255, 255, .96);
}

.tool-page .ondo-result-shell--light .ondo-result-hero {
  border-color: var(--tool-line);
  background: rgba(248, 250, 252, .92);
}

.tool-page .ondo-result-shell--light .result-kicker,
.tool-page .ondo-result-shell--light .ondo-result-kicker {
  color: var(--tool-accent);
}

.tool-page .summary-list p,
.tool-page .aeo-list li,
.tool-page .example-list li,
.tool-page .step-list li,
.tool-page .use-case-grid span,
.tool-page .faq-section details,
.tool-page .related-list a {
  border: 1px solid var(--tool-line);
  background: #fff;
  box-shadow: var(--shadow-xs);
}

.tool-page .summary-list p {
  padding: 13px 14px;
  border-left: 3px solid var(--tool-accent);
  border-radius: 14px;
}

.tool-page .aeo-list li::before,
.tool-page .example-list li::before {
  background: var(--tool-accent);
  box-shadow: 0 0 0 4px var(--tool-soft);
}

.tool-page .step-list li::before {
  background: var(--tool-navy);
  color: #fff;
}

.tool-page .faq-section summary::after {
  background: #f8fafc;
  color: var(--tool-accent);
}

.tool-page .faq-section details[open] summary {
  border-bottom-color: var(--tool-line);
}

.tool-page .related-list span {
  background: var(--tool-soft);
  color: var(--tool-accent);
}

.tool-page .notice-list {
  border-color: rgba(186, 230, 253, .92);
  background: rgba(240, 249, 255, .72);
}

.tool-page .notice-insight-icon {
  background: #e0f2fe;
  color: #0284c7;
}