/* Editorial card-in-card variant. Keeps the existing information architecture and behavior. */
.theme-editorial {
  --ink: #183440;
  --ink-soft: #2e4f5b;
  --muted: #536f78;
  --faint: #8ba0a3;
  --paper: #f2eee7;
  --paper-deep: #e6dfd4;
  --white: #fffdf9;
  --line: #d2c9bd;
  --accent: #d99432;
  --accent-dark: #8b5315;
  --blue: #356a80;
  --purple: #526e79;
  --green: #2d765e;
  --danger: #a84d42;
  --warning: #986017;
  --shadow: none;
  --radius: 6px;
  --serif: Georgia, "Times New Roman", serif;
  background: var(--paper);
}

.theme-editorial .site-header {
  background: var(--ink);
  border-bottom: 3px solid var(--accent);
}
.theme-editorial .brand-mark {
  border-radius: 4px;
  background: var(--accent);
}
.theme-editorial .main-nav a:hover,
.theme-editorial .main-nav a:focus-visible {
  color: var(--accent);
}
.theme-editorial .button {
  border-radius: 4px;
  box-shadow: none;
}
.theme-editorial .button-light {
  color: var(--ink);
}
.theme-editorial .button-accent {
  color: var(--ink);
  background: var(--accent);
}
.theme-editorial .button-accent:hover {
  background: #e5a84c;
}

.theme-editorial .hero {
  background: var(--ink);
  border-bottom: 1px solid #315461;
}
.theme-editorial .hero-inner {
  background: none;
}
.theme-editorial h1,
.theme-editorial .section-heading h2,
.theme-editorial .results-topline h2,
.theme-editorial .panel-heading h3,
.theme-editorial .essentials-heading h3,
.theme-editorial .recap-heading h3,
.theme-editorial .save-dialog-heading h2 {
  font-family: var(--serif);
  font-weight: 400;
  letter-spacing: -0.035em;
}
.theme-editorial h1 {
  font-size: clamp(42px, 5.6vw, 68px);
  letter-spacing: -0.055em;
}
.theme-editorial .eyebrow {
  letter-spacing: 0.13em;
}
.theme-editorial .hero-note {
  border-top-color: var(--accent);
}
.theme-editorial .hero-steps b,
.theme-editorial .hero-steps li:not(:first-child) b {
  border-radius: 3px;
}

.theme-editorial .app-section,
.theme-editorial .saved-section {
  background: var(--paper);
}
.theme-editorial .workspace {
  padding: 12px;
  background: var(--paper-deep);
  border: 1px solid var(--line);
  border-radius: 8px;
}
.theme-editorial .essentials-card,
.theme-editorial .control-panel,
.theme-editorial .results-area {
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 6px;
  box-shadow: none;
}
.theme-editorial .essentials-card {
  border-top: 4px solid var(--accent);
}
.theme-editorial .control-panel,
.theme-editorial .results-area {
  box-shadow: 0 1px 0 rgba(24, 52, 64, 0.04);
}
.theme-editorial .control-panel {
  padding: 17px;
}
.theme-editorial .panel-topline {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line);
}
.theme-editorial .panel-kicker,
.theme-editorial .panel-caption {
  color: var(--muted);
}
.theme-editorial .control-intro {
  color: var(--muted);
}

.theme-editorial .field-control input,
.theme-editorial .field select,
.theme-editorial .save-dialog-field input {
  background: #f8f5ef;
  border-color: #c6beb3;
  border-radius: 4px;
}
.theme-editorial .field-control input:focus,
.theme-editorial .field select:focus,
.theme-editorial .save-dialog-field input:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(53, 106, 128, 0.14);
}
.theme-editorial .essential-fields .field:first-child .field-control input {
  background: #fbf3df;
  border-color: #d9b56b;
}
.theme-editorial .field-control > b {
  color: var(--ink-soft);
}

.theme-editorial .advanced-block,
.theme-editorial .deep-dive {
  border-color: var(--line);
  border-radius: 5px;
  box-shadow: none;
}
.theme-editorial .advanced-block-accent {
  background: #fff9ec;
}
.theme-editorial .advanced-block-accent summary {
  background: #fff3d8;
}
.theme-editorial .advanced-block-soft {
  background: #f3f6f4;
}
.theme-editorial .advanced-block-soft summary {
  background: #eaf1ef;
}
.theme-editorial .advanced-block summary,
.theme-editorial .deep-dive > summary {
  border-radius: 4px;
}
.theme-editorial .summary-number,
.theme-editorial .deep-dive .summary-number {
  border-radius: 3px;
  background: var(--paper-deep);
}
.theme-editorial .advanced-block[open] .summary-number,
.theme-editorial .deep-dive[open] .summary-number {
  background: var(--accent);
}
.theme-editorial .summary-plus {
  color: var(--ink-soft);
}

.theme-editorial .results-area {
  padding: 16px;
}
.theme-editorial .status-chip {
  padding-left: 8px;
  border-left: 2px solid var(--green);
}
.theme-editorial .status-chip span {
  box-shadow: none;
}
.theme-editorial .scenario-recap {
  background: #fff8e8;
  border-color: #d9b56b;
  border-left: 4px solid var(--accent);
  border-radius: 5px;
}
.theme-editorial .recap-item {
  border-color: #e4c98e;
}
.theme-editorial .primary-result {
  background: var(--ink);
  border-radius: 5px;
  box-shadow: none;
}
.theme-editorial .primary-result-copy {
  background: #183440;
}
.theme-editorial .primary-result-copy::after {
  border-color: rgba(217, 148, 50, 0.24);
}
.theme-editorial .primary-value {
  font-family: var(--serif);
  font-weight: 400;
}
.theme-editorial .metric-card,
.theme-editorial .panel {
  border-color: var(--line);
  border-radius: 5px;
  box-shadow: none;
}
.theme-editorial .metric-card-tip {
  background: #fff8e8;
  border-color: #d9b56b;
}
.theme-editorial .strategy-card,
.theme-editorial .pac-result,
.theme-editorial .verdict {
  border-radius: 4px;
  box-shadow: none;
}
.theme-editorial .strategy-card-primary {
  background: #fff8e8;
  border-color: #dec58e;
}
.theme-editorial .strategy-card-secondary {
  background: #f0f5f3;
  border-color: #c4d5d0;
}
.theme-editorial .strategy-letter {
  border-radius: 3px;
  background: var(--accent);
}
.theme-editorial .strategy-card-secondary .strategy-letter {
  background: var(--ink-soft);
}
.theme-editorial .pac-result-safe {
  background: #edf5f7;
  border-color: #c5dce4;
}
.theme-editorial .pac-result-market {
  background: #fff1e5;
  border-color: #e4c4a7;
}
.theme-editorial .pac-result-safe strong,
.theme-editorial .pac-result-market strong {
  color: var(--ink-soft);
}
.theme-editorial .verdict-blue,
.theme-editorial .verdict-purple,
.theme-editorial .verdict-green {
  color: var(--ink-soft);
  background: #f2f5f3;
  border-color: #cbd7d3;
}
.theme-editorial .verdict-blue strong,
.theme-editorial .verdict-purple strong,
.theme-editorial .verdict-green strong {
  color: var(--ink);
}
.theme-editorial .chart-panel,
.theme-editorial .table-panel {
  background: #fffdf9;
}
.theme-editorial th {
  background: #eee8df;
}
.theme-editorial td {
  border-color: #e7e0d6;
}
.theme-editorial .table-scroll {
  border-color: var(--line);
}

.theme-editorial .saved-section {
  border-top-color: var(--line);
}
.theme-editorial .saved-card,
.theme-editorial .saved-compare-grid article,
.theme-editorial .empty-state {
  border-radius: 5px;
  box-shadow: none;
}
.theme-editorial .saved-card {
  background: var(--white);
  border-color: var(--line);
}
.theme-editorial .saved-compare-grid article {
  background: var(--ink);
}
.theme-editorial .guide-section {
  background: var(--ink);
}
.theme-editorial .guide-card {
  background: #244b58;
  border-color: #416875;
  border-radius: 5px;
  box-shadow: none;
}
.theme-editorial .faq-list,
.theme-editorial .faq-list > details {
  border-color: #416875;
}
.theme-editorial .save-dialog {
  border-radius: 6px;
}

@media (max-width: 780px) {
  .theme-editorial .workspace {
    padding: 8px;
  }
  .theme-editorial .results-area {
    padding: 12px;
  }
}

/* Flat editorial pass: hierarchy comes from rules and spacing, not nested cards. */
.theme-editorial .workspace {
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.theme-editorial .essentials-card,
.theme-editorial .control-panel,
.theme-editorial .results-area {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.theme-editorial .essentials-card {
  padding-right: 0;
  padding-left: 0;
  border-top: 2px solid var(--accent);
  border-bottom: 1px solid var(--line);
}
.theme-editorial .control-panel {
  padding: 0;
}
.theme-editorial .results-area {
  padding: 0;
}
.theme-editorial .panel-topline {
  padding-top: 4px;
}

.theme-editorial .advanced-block,
.theme-editorial .deep-dive {
  margin-bottom: 0;
  overflow: visible;
  background: transparent;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
}
.theme-editorial .advanced-block:last-of-type {
  border-bottom: 1px solid var(--line);
}
.theme-editorial .advanced-block summary,
.theme-editorial .deep-dive > summary {
  min-height: 60px;
  padding: 12px 0;
  background: transparent;
  border-radius: 0;
}
.theme-editorial .advanced-block-accent,
.theme-editorial .advanced-block-soft {
  background: transparent;
}
.theme-editorial .advanced-block-accent summary,
.theme-editorial .advanced-block-soft summary {
  background: transparent;
}
.theme-editorial .advanced-block[open] summary,
.theme-editorial .deep-dive[open] > summary {
  background: #f5eee2;
  border-bottom: 1px solid var(--line);
}
.theme-editorial .advanced-block .control-group,
.theme-editorial .advanced-block .control-group-soft,
.theme-editorial .advanced-block .control-group-accent {
  padding: 16px 0 18px;
  background: transparent;
}
.theme-editorial .privacy-note {
  margin-top: 0;
  padding: 15px 0;
  background: transparent;
  border-top: 1px solid var(--line);
  border-radius: 0;
}
.theme-editorial .skip-to-result {
  margin-top: 0;
  border-color: var(--line);
  border-width: 1px 0;
  border-radius: 0;
}

.theme-editorial .scenario-recap {
  margin-right: 0;
  margin-left: 0;
  background: transparent;
  border-width: 1px 0;
  border-radius: 0;
}
.theme-editorial .metric-card,
.theme-editorial .panel {
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  background: transparent;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  box-shadow: none;
}
.theme-editorial .metric-card {
  min-height: 102px;
}
.theme-editorial .metric-card-tip {
  background: transparent;
  border-color: var(--line);
}
.theme-editorial .callout {
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 12px;
  background: transparent;
  border-width: 0 0 0 3px;
  border-radius: 0;
}
.theme-editorial .comparison-panel,
.theme-editorial .deep-dive-content .panel {
  padding-top: 28px;
  padding-bottom: 28px;
}
.theme-editorial .comparison-panel {
  border-top: 1px solid var(--line);
}
.theme-editorial .primary-result {
  margin-top: 17px;
  margin-bottom: 0;
  border-radius: 0;
  border-left: 4px solid var(--accent);
}
.theme-editorial .strategy-card,
.theme-editorial .pac-result,
.theme-editorial .verdict {
  background: transparent;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  box-shadow: none;
}
.theme-editorial .strategy-card-primary,
.theme-editorial .strategy-card-secondary,
.theme-editorial .pac-result-safe,
.theme-editorial .pac-result-market {
  background: transparent;
  border-color: var(--line);
}
.theme-editorial .strategy-card-secondary .strategy-letter {
  background: var(--ink-soft);
}
.theme-editorial .strategy-grid,
.theme-editorial .pac-result-grid {
  gap: 24px;
}
.theme-editorial .deep-dive {
  margin-top: 0;
  border-bottom: 1px solid var(--line);
}
.theme-editorial .deep-dive-content {
  padding: 0;
  background: transparent;
}
.theme-editorial .deep-dive-content .panel:last-child {
  border-bottom: 0;
}
.theme-editorial .table-scroll {
  margin-right: 0;
  margin-left: 0;
  border-top: 1px solid var(--line);
}

.theme-editorial .saved-card,
.theme-editorial .empty-state,
.theme-editorial .saved-compare-grid article {
  border-width: 1px 0 0;
  border-radius: 0;
  box-shadow: none;
}
.theme-editorial .saved-card {
  padding-right: 0;
  padding-left: 0;
  background: transparent;
}
.theme-editorial .empty-state {
  border-bottom: 1px solid var(--line);
  border-style: dashed;
  border-radius: 0;
  background: transparent;
}
.theme-editorial .guide-card {
  min-height: 0;
  padding-right: 0;
  padding-left: 0;
  background: transparent;
  border-width: 1px 0 0;
  border-radius: 0;
}
.theme-editorial .guide-card:last-child {
  border-bottom: 1px solid #416875;
}

@media (min-width: 781px) {
  .theme-editorial .control-panel {
    padding-right: 18px;
    border-right: 1px solid var(--line);
  }
  .theme-editorial .results-area {
    padding-left: 18px;
  }
  .theme-editorial .metric-card + .metric-card {
    padding-left: 16px;
    border-left: 1px solid var(--line);
  }
  .theme-editorial .strategy-card + .strategy-card,
  .theme-editorial .pac-result + .pac-result {
    padding-left: 24px;
    border-left: 1px solid var(--line);
  }
}

@media (max-width: 780px) {
  .theme-editorial .workspace {
    padding: 0;
  }
  .theme-editorial .results-area {
    padding: 0;
  }
  .theme-editorial .primary-result {
    margin-top: 13px;
  }
}