/* bestaiforestimating.com — a buyer's-guide review site: white page, Fraunces
   headlines, burnt-orange accent, big italic rank numerals. */
:root {
  --bg: #ffffff;
  --surface: #f7f5f1;
  --ink: #141210;
  --muted: #5f5a53;
  --line: #e8e3da;
  --accent: #c2410c;
  --accent-ink: #ffffff;
  --accent-soft: #fdf3ec;
  --head: "Fraunces", Georgia, serif;
  --body: "Public Sans", system-ui, sans-serif;
  --radius: 4px;
}
body { border-top: 4px solid var(--ink); }
.edition { border-bottom: 0; background: var(--surface); }
.top { border-bottom: 1px solid var(--line); }
.brand { font-weight: 600; font-size: 25px; letter-spacing: -0.02em; }
.brand::after { content: "."; color: var(--accent); }
.mainnav a { font-weight: 500; }
h1 { font-weight: 600; font-variation-settings: "opsz" 144; }
h2 { font-weight: 600; font-variation-settings: "opsz" 72; }
.kicker { text-transform: none; color: var(--accent); }
.answer { border-left: 3px solid var(--accent); padding: 2px 0 2px 22px; }
.answer-label { color: var(--accent); text-transform: uppercase; letter-spacing: 0.08em; font-size: 12px; }
.answer-text { font-family: var(--head); font-size: 23px; line-height: 1.45; font-variation-settings: "opsz" 36; }
.ranked .rank { font-style: italic; font-weight: 500; font-size: 34px; color: #b9b2a7; }
.ranked li.pick { background: var(--accent-soft); }
.ranked li.pick .rank { color: var(--accent); }
.badge { border-radius: 3px; text-transform: uppercase; letter-spacing: 0.06em; font-size: 11px; }
thead th { background: var(--surface); }
.pickcard { border: 0; border-top: 4px solid var(--accent); background: var(--surface); border-radius: 0; }
.pick-name { font-weight: 600; }
.next .paths a:hover { border-color: var(--accent); background: var(--accent-soft); }
.foot { background: var(--ink); color: #d9d4cc; border-top: 0; }
.foot .brand { color: #fff; }
.foot-brand p, .disclosure, .foot .side-label { color: #a39d93; }
.foot-nav a, .foot-network a { color: #f1ede6; }
.disclosure { border-top-color: #34302b; }
@media (max-width: 600px) {
  .ranked .rank { font-size: 26px; }
  .answer { padding-left: 16px; }
  .answer-text { font-size: 20px; }
}