/* Deal-page history notes, buy verdict, FAQ, related links, and collection pages (2026-10-05).
   Loaded after storefront.css; uses the storefront tokens. No inline styles (CSP). */
.price__note { color: var(--store-muted); font-size: .78rem; font-style: italic; }

.deal-insights { display: grid; gap: 16px; margin-block: 24px; }
@media (min-width: 52rem) { .deal-insights { grid-template-columns: 1.3fr 1fr; align-items: start; } }
.deal-history-notes, .deal-verdict-box, .deal-faq, .deal-more, .collection-rules, .collection-links, .collection-compare {
  padding: 20px; border: 1px solid var(--store-line); border-radius: 12px; background: var(--store-card);
}
.deal-history-notes h2, .deal-verdict-box h2, .deal-faq h2, .deal-more h2, .collection-rules h2, .collection-links h2, .collection-compare h2 {
  font-family: inherit; font-size: 1.25rem; font-weight: 800; letter-spacing: -0.01em;
}
.deal-history-notes ul, .deal-verdict-box ul, .collection-rules ul { padding-left: 1.1rem; }
.deal-history-notes li, .deal-verdict-box li, .collection-rules li { margin-bottom: 6px; }
.deal-spike-note { margin: 12px 0 0; padding: 12px 14px; border-left: 4px solid #b3261e; border-radius: 6px; background: #fdf1f0; }
.deal-verdict-box { border-top-width: 6px; }
.deal-verdict-box--strong { border-top-color: #1e7a3c; }
.deal-verdict-box--good { border-top-color: var(--store-blue); }
.deal-verdict-box--fair { border-top-color: #b26a00; }
.deal-verdict-box__answer { font-size: 1.05rem; }

.deal-faq, .deal-more { margin-block: 20px; }
.deal-faq dt { margin-top: 12px; font-weight: 700; }
.deal-faq dd { margin: 4px 0 0; color: var(--store-muted); }
.deal-more { display: grid; gap: 12px; }
@media (min-width: 40rem) { .deal-more { grid-template-columns: repeat(2, minmax(0, 1fr)); } .deal-more h2 { grid-column: 1 / -1; } }
.deal-more h3 { margin-bottom: 8px; font-family: inherit; font-size: 1rem; font-weight: 700; }
.deal-more ul, .collection-links ul { margin: 0; padding: 0; list-style: none; }
.deal-more li { padding-block: 6px; border-bottom: 1px solid var(--store-line); }
.deal-more li span { color: var(--store-muted); font-size: .85rem; }

.collection-nav { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 14px; }
.collection-nav > span { color: var(--store-muted); font-size: .9rem; font-weight: 600; }
.collection-nav a, .collection-links a { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 14px; border: 1px solid var(--store-line); border-radius: 999px; background: #fff; color: var(--store-ink); font-size: .9rem; font-weight: 600; text-decoration: none; }
.collection-nav a span, .collection-links a span { color: var(--store-muted); font-weight: 500; }
.collection-links ul { display: flex; flex-wrap: wrap; gap: 8px; }

.collection-head { margin: 8px 0 16px; }
.collection-head h1 { margin: 0 0 8px; font-family: inherit; font-size: clamp(1.6rem, 4vw, 2.2rem); font-weight: 800; letter-spacing: -0.03em; }
.collection-head .lead { max-width: 70ch; color: var(--store-ink); font-size: 1.02rem; }
.collection-asof { color: var(--store-muted); font-size: .9rem; }
.collection-glance { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0 0 20px; padding: 0; list-style: none; }
@media (min-width: 40rem) { .collection-glance { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.collection-glance li { padding: 12px 14px; border: 1px solid var(--store-line); border-radius: 10px; background: var(--store-card); }
.collection-glance strong { display: block; font-size: 1.4rem; }
.collection-glance span { color: var(--store-muted); font-size: .85rem; }
.collection-compare, .collection-rules, .collection-links { margin-block: 20px; }
.collection-table { max-width: 100%; overflow-x: auto; }
.collection-table table { width: 100%; min-width: 34rem; border-collapse: collapse; font-size: .9rem; }
.collection-table caption { margin-bottom: 8px; color: var(--store-muted); text-align: left; }
.collection-table th, .collection-table td { padding: 8px 10px; border-bottom: 1px solid var(--store-line); text-align: left; vertical-align: top; }
.collection-table td { white-space: nowrap; }
.collection-table thead th { color: var(--store-muted); font-size: .8rem; text-transform: uppercase; letter-spacing: .02em; }
.collection-table tbody th { font-weight: 600; }