/* Warm brand colors with the existing large type and generous controls. */
:root {
  --ink: #302b27;
  --muted: #655c54;
  --orange: #a63f0d;
  --accent: #f47721;
  --tint: #fff2e6;
  --line: #e8ded5;
  --ground: #fcf9f5;
}
.top { border-top: 5px solid var(--accent); }
.top-inner { padding-top: 12px; padding-bottom: 12px; }
.brand-lockup { display: flex; align-items: center; gap: 13px; min-width: 0; }
.brand-logo { display: block; width: 80px; height: 80px; flex-shrink: 0; object-fit: contain; }
.brand { color: var(--orange); }
.size-button { border-color: #c9b9aa; border-radius: 9px; }
.size-button[aria-pressed="true"] { background: var(--orange); border-color: var(--orange); }
.page-heading h1 { color: #3a2a20; }
.modes { background: #f2e7dc; border: 1px solid var(--line); border-radius: 13px; }
.mode[aria-pressed="true"] { box-shadow: 0 2px 5px #63361612; }
.picker { border-radius: 17px; box-shadow: 0 5px 22px #63361606; }
.picker h2 { color: #493428; }
.concern { border-color: #ddd0c5; border-radius: 11px; }
.concern[aria-pressed="true"] { background: #fff0df; }
.select-mark { border-color: #a29589; }
.result-header,
.compare-grid .comparison-head {
  background: #ffebd7;
  color: var(--ink);
  border-top: 5px solid var(--accent);
}
.result-header { border-radius: 17px 17px 0 0; }
.eyebrow { color: #914115; font-weight: 700; }
.result-header .descriptor { color: #5d4636; }
.detail { border-radius: 0 0 17px 17px; box-shadow: 0 8px 28px #63361606; }
.focus-line { border-radius: 0 11px 11px 0; }
.checks li+li { border-color: #f0e8e1; }
.product { background: #fffdfa; border-radius: 12px; overflow: hidden; }
.product[open] { background: #fff; border-color: #dbb998; }
.product summary { padding-top: 17px; padding-bottom: 17px; }
.product[open] summary { border-bottom: 1px solid var(--line); background: #fff6eb; }
.product-content { padding-top: 18px; }
.product-photo { margin: 20px auto 0; max-width: 480px; }
.product-photo img { display: block; width: 100%; height: auto; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.product-photo figcaption { color: var(--muted); font-size: .8rem; margin-top: 8px; }
.compare-grid .comparison-head:first-child { border-radius: 17px 0 0 0; border-right-color: #e7c8a8; }
.compare-grid .comparison-head:nth-child(2) { border-radius: 0 17px 0 0; }
.compare-placeholder { color: #655345; }
.compare-row:last-child { border-radius: 0 0 17px 17px; }
.foundation { border-radius: 15px; background: #fffdf9; }
@media(max-width:560px) {
  .top-inner { align-items: center; gap: 10px; }
  .brand-lockup { gap: 7px; }
  .brand-logo { width: 42px; height: 42px; }
  .brand { letter-spacing: .02em; }
  .brand-small { letter-spacing: 0; }
  .type-tools { flex-shrink: 0; max-width: 122px; }
  .compare-grid .comparison-head:first-child { border-radius: 15px 15px 0 0; border-bottom-color: #e7c8a8; }
  .compare-grid .comparison-head:nth-child(2) { border-radius: 0; border-top: 0; }
  .compare-cell+.compare-cell { border-top-color: #d9c9bb; }
}
@media(max-width:360px) {
  .top-inner { flex-wrap: wrap; }
  .type-tools { margin-left: auto; max-width: none; }
  .type-label { width: auto; }
}