/* SSR SEO scaffold (breadcrumb, fallback H1, about, FAQ) for the interactive
   3D-model 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/...). The board itself uses .b3-* classes from
   ai-3d-app.scoped.css, so only the generic scaffold lives here. */
#arena-root{padding-top:72px}

#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}

/* Reviewer attribution link -> author page (E-E-A-T authorship). */
#arena-root .lb-disclosure a.lb-reviewer{color:var(--muted);text-decoration:underline;text-underline-offset:2px}
#arena-root .lb-disclosure a.lb-reviewer:hover{color:var(--lime)}