/* SEO scaffold (breadcrumb, SSR fallback, FAQ) for the interactive image leaderboard.
   Owned by the Next route (not regenerated with the intern bundle). Scoped under
   #arena-root so it picks up the app's theme vars (--bg/--text/--muted/--lime/...). */
/* Clear the fixed site navbar (≈65px) so the breadcrumb isn't hidden behind it.
   The padding sits under the fixed navbar, so it adds no visible gap. */
#arena-root{padding-top:72px}

/* Full-width layout: the intern app caps content at 1060px; widen it to use the
   whole viewport (with comfortable side padding) so the board isn't a narrow column. */
#arena-root .page{max-width:1640px;padding-left:40px;padding-right:40px}
#arena-root .lb-breadcrumb{max-width:1640px;margin:0 auto;padding:10px 40px 0;font-size:13px}
#arena-root .lb-breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:0;margin:0}
#arena-root .lb-breadcrumb li{display:flex;align-items:center;gap:8px;color:var(--muted)}
#arena-root .lb-breadcrumb li+li::before{content:"/";color:var(--faint,#5e635c)}
#arena-root .lb-breadcrumb a{color:var(--muted);text-decoration:none}
#arena-root .lb-breadcrumb a:hover{color:var(--lime)}
#arena-root .lb-breadcrumb [aria-current]{color:var(--text)}

#arena-root .lb-fallback{max-width:1060px;margin:0 auto;padding:64px 20px;text-align:center}
#arena-root .lb-fallback h1{font-size:clamp(30px,5vw,52px);font-weight:800;color:var(--text);line-height:1.1;letter-spacing:-.02em}
#arena-root .lb-fallback h1 span{color:var(--lime)}
#arena-root .lb-fallback p{color:var(--muted);max-width:64ch;margin:16px auto 0;line-height:1.6}

#arena-root .lb-about{max-width:780px;margin:0 auto;padding:64px 20px 0;border-top:1px solid var(--line)}
#arena-root .lb-about h2{font-size:clamp(22px,3vw,30px);font-weight:800;margin:0 0 18px;color:var(--text)}
#arena-root .lb-about-lede{color:var(--text);font-size:1rem;line-height:1.65;margin:0 0 18px}
#arena-root .lb-about-points{margin:0 0 20px;padding-left:20px;color:var(--muted);line-height:1.6}
#arena-root .lb-about-points li{margin-bottom:8px}
#arena-root .lb-about-points strong{color:var(--text)}
#arena-root .lb-disclosure{font-size:.85rem;color:var(--faint,#5e635c);line-height:1.6;border-top:1px dashed var(--line);padding-top:16px;margin:0}
#arena-root .lb-disclosure strong{color:var(--muted)}

#arena-root .lb-faq{max-width:780px;margin:0 auto;padding:48px 20px 96px}
#arena-root .lb-faq h2{text-align:center;font-size:clamp(22px,3vw,30px);font-weight:800;margin:0 0 28px;color:var(--text)}
#arena-root .lb-faq details{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:10px;overflow:hidden}
#arena-root .lb-faq details[open]{border-color:var(--lime-dim,var(--lime))}
#arena-root .lb-faq summary{padding:18px 22px;cursor:pointer;font-weight:600;color:var(--text);font-size:.98rem;list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center}
#arena-root .lb-faq summary::-webkit-details-marker{display:none}
#arena-root .lb-faq summary::after{content:"+";color:var(--lime);font-size:20px;font-weight:400;line-height:1}
#arena-root .lb-faq details[open] summary::after{content:"–"}
#arena-root .lb-faq .a{padding:0 22px 20px;color:var(--muted);line-height:1.65;font-size:.92rem}

/* Model-detail drawer: start below the fixed site navbar (≈65px) so its close
   button and header aren't hidden behind / overlapping the nav. */
#arena-root .drawer-backdrop{top:72px}

/* Blind-vote: source images are only ~320px. On the full-width page the 2-up
   grid stretched them to ~800px (pixelated). Cap ONLY the image grid so each
   image shows near native resolution — the prompt text above stays full width. */
#arena-root .av-grid{align-self:center;width:min(680px,100%)}

/* Value-frontier legend: moved out of the SVG (it overlapped the best-value
   dots) into a caption below the chart. */
#arena-root .cv-legend{margin-top:10px;text-align:center;font-size:12px;color:var(--muted)}
#arena-root .cv-legend .cv-dot{color:var(--lime);font-size:14px;vertical-align:middle}

/* Open/closed source filter — standalone buttons (reuse the app's .sb pill style). */
#arena-root .srcfilter{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}
#arena-root .panel-head{flex-wrap:wrap;gap:10px}