/* Pages du marché (marche, extensions, cartes) : mêmes couleurs que l'accueil (home.css). */
.crumbs { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; padding: 0; margin: 0 0 8px; color: var(--muted); font-size: 0.85rem; }
.crumbs li + li::before { content: "›"; margin-right: 6px; color: var(--muted); }
.crumbs a { color: var(--muted); text-decoration: none; }
.crumbs a:hover { color: var(--ink); }
h1 { font-size: clamp(1.6rem, 4.5vw, 2.6rem); letter-spacing: -0.03em; line-height: 1.1; margin: 8px 0 12px; }
h2 { margin-top: 40px; }
.market { width: 100%; border-collapse: collapse; background: var(--panel); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.market th { text-align: left; color: var(--muted); font-size: 0.8rem; font-weight: 600; padding: 10px 12px; border-bottom: 1px solid var(--line); }
.market td { padding: 8px 12px; border-bottom: 1px solid var(--line); vertical-align: middle; color: var(--soft); }
.market tr:last-child td { border-bottom: 0; }
.market td:first-child { color: var(--muted); width: 2.5em; font-variant-numeric: tabular-nums; }
.market .num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--ink); font-weight: 600; }
.cardlink { display: flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; font-weight: 600; }
.cardlink small { display: block; color: var(--muted); font-weight: 400; font-size: 0.8rem; }
a.cardlink:hover span { color: var(--accent-text); }
.thumb { border-radius: 4px; background: var(--panel); object-fit: cover; flex: none; }
.thumb.empty { display: inline-block; aspect-ratio: 63 / 88; border: 1px solid var(--line); }
.up { color: #2ED47A; } .down { color: #FF5D6C; } .flat { color: var(--muted); }
.cardhead { display: flex; gap: 24px; align-items: flex-start; }
.cardhead .thumb { border-radius: 8px; }
.price { font-size: 2.4rem; font-weight: 800; letter-spacing: -0.03em; margin: 4px 0; font-variant-numeric: tabular-nums; }
.cta-line { color: var(--soft); margin-top: 24px; }
@media (max-width: 760px) {
  .cardhead { flex-direction: column; }
  .market td, .market th { padding: 8px; }
  .cardlink img { display: none; }
}
/* Guides et blog */
.prose { max-width: 760px; }
.prose p, .prose li { color: var(--soft); line-height: 1.7; font-size: 1.05rem; }
.prose h2 { margin-top: 36px; }
.prose ul { padding-left: 1.2em; }
.prose a { color: var(--accent-text); }
.cta-box { margin: 32px 0; padding: 20px 22px; border-radius: 16px; border: 1px solid var(--accent); background: var(--panel); }
.cta-box p { margin: 0; color: var(--ink); }
.cta-box .small { color: var(--muted); font-size: 0.9rem; margin-top: 6px; }
.faq details { border-top: 1px solid var(--line); padding: 14px 0; }
.faq summary { cursor: pointer; font-weight: 700; color: var(--ink); }
.faq details p { margin: 10px 0 0; }
.list { list-style: none; padding: 0; }
.list li { border-top: 1px solid var(--line); padding: 16px 0; }
.list li a { font-weight: 700; font-size: 1.1rem; text-decoration: none; color: var(--ink); }
.list li p { margin: 6px 0 0; }
.muted { color: var(--muted); }
/* Tableaux des guides (comparatif) : défilement horizontal sur téléphone, jamais la page entière. */
.table-wrap { overflow-x: auto; margin: 16px 0; border: 1px solid var(--line); border-radius: 14px; }
.table-wrap table { border-collapse: collapse; width: 100%; min-width: 640px; font-size: 0.95rem; }
.table-wrap th, .table-wrap td { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid var(--line); color: var(--soft); }
.table-wrap th { color: var(--muted); font-weight: 600; font-size: 0.85rem; background: var(--panel); }
.table-wrap tr:last-child td { border-bottom: 0; }
.table-wrap td strong { color: var(--ink); }