.guide-jump { margin-top: 24px; }
.guide-details { margin-block: 24px; scroll-margin-top: 24px; }
.guide-details > summary { cursor: pointer; color: var(--seo-gold); font-weight: 700; line-height: 1.5; }
#first-bid, #first-result { scroll-margin-top: 24px; }
.bid-walkthrough { padding-left: 24px; }
.bid-walkthrough li { margin-block: 14px; }
.first-bid-diagram { margin: 24px 0; }
.bid-diagram-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.bid-diagram-grid > div { display: grid; gap: 12px; align-content: start; min-width: 0; padding: 18px; background: var(--seo-panel); border: 1px solid var(--seo-line); border-radius: 12px; }
.bid-diagram-grid span, .first-bid-diagram figcaption { color: var(--seo-muted); }
.bid-diagram-phase, .bid-diagram-marble { padding: 10px; border: 1px solid var(--seo-gold); border-radius: 8px; }
.bid-diagram-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.bid-diagram-chips span { display: grid; place-items: center; width: 45px; height: 45px; background: #e5d3a7; color: #151b1e; font-weight: 800; border-radius: 8px; }
.first-bid-diagram figcaption { margin-top: 12px; font-size: .9rem; line-height: 1.5; }
.first-result-example { margin-block: 24px; }
.first-result-example h3 { margin-top: 0; }
@media (max-width: 760px) { .bid-diagram-grid { grid-template-columns: 1fr; } }
.tile-legend { margin-block: 56px; scroll-margin-top: 24px; }
.tile-legend > p { color: var(--seo-muted); max-width: 800px; }
.tile-legend > .eyebrow { color: var(--seo-gold); }
.tile-legend-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 28px; }
.tile-legend-card { overflow: hidden; border: 1px solid var(--seo-line); border-radius: 14px; background: var(--seo-panel); }
.tile-legend-preview { min-height: 150px; display: grid; place-items: center; background: #111719; border-bottom: 1px solid var(--seo-line); }
.tile-legend-preview svg { display: block; width: 100%; height: 150px; }
.tile-legend-fallback { color: var(--seo-muted); font-weight: 700; }
.tile-legend-copy { padding: 22px 24px 26px; }
.tile-legend-copy h3 { margin: 0; font-size: 1.15rem; line-height: 1.35; }
.tile-legend-copy p { margin: 12px 0 0; color: var(--seo-muted); }
.tile-legend-copy .tile-legend-effect { color: var(--seo-gold); font-size: .88rem; font-weight: 700; }
.tile-legend-card--wide { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; }
.tile-legend-card--wide .tile-legend-preview { border-bottom: 0; border-right: 1px solid var(--seo-line); }
.tile-legend-note h3 { margin-top: 0; }
.tile-legend-note p:last-child { margin-bottom: 0; }
@media (max-width: 640px) {
  .tile-legend-grid, .tile-legend-card--wide { grid-template-columns: 1fr; }
  .tile-legend-card--wide .tile-legend-preview { border-right: 0; border-bottom: 1px solid var(--seo-line); }
  .tile-legend-copy { padding: 20px; }
}