/* Shared public site shell for Race + Creator Top 3. */
:root{
  --site-ink:#171717;--site-muted:#6b6b6b;--site-line:#dedede;--site-paper:#fff;
  --site-font-body:Arial,"Helvetica Neue",Helvetica,sans-serif;
  --site-font-title:Georgia,"Times New Roman",serif;
}
.site-shell{max-width:1880px;margin:0 auto;padding:20px 34px 46px}
.site-shell,.site-shell button,.site-shell input,.site-shell select{font-family:var(--site-font-body)}
.site-header{display:flex;gap:26px;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--line,var(--site-line));padding-bottom:13px}
.site-titleblock{min-width:0}
.site-eyebrow{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted,var(--site-muted));font-weight:700;text-decoration:none;margin:0}
.site-eyebrow:hover{text-decoration:underline;text-underline-offset:3px}
.site-title{font-family:var(--site-font-title)!important;font-size:38px!important;line-height:1!important;font-weight:600!important;letter-spacing:-.025em!important;margin:5px 0 4px!important}
.site-actions{margin-left:auto;display:flex;align-items:flex-end;gap:14px;flex:0 0 auto}
.site-nav{display:flex;border:1px solid var(--line,var(--site-line));height:34px;flex:0 0 auto}
.site-nav a{display:flex;align-items:center;padding:0 10px;border-right:1px solid var(--line,var(--site-line));color:var(--fg,var(--ink,var(--site-ink)));text-decoration:none;font-size:10px}
.site-nav a:last-child{border-right:0}.site-nav a.on{background:var(--fg,var(--ink,var(--site-ink)));color:var(--bg,var(--paper,var(--site-paper)))}
.site-lang{display:flex;border:1px solid var(--line,var(--site-line));height:34px;flex:0 0 auto}
.site-lang button{border:0;border-right:1px solid var(--line,var(--site-line));background:var(--panel,var(--paper,var(--site-paper)));padding:0 10px;font-size:10px;cursor:pointer}
.site-lang button:last-child{border-right:0}.site-lang button.on{background:var(--fg,var(--ink,var(--site-ink)));color:var(--bg,var(--paper,var(--site-paper)))}
.site-tools{display:flex;gap:8px;align-items:center;justify-content:flex-start;flex-wrap:wrap;padding:11px 0 7px;border-bottom:0}
.site-search{display:flex;height:38px;border:1px solid var(--line,var(--site-line));min-width:340px;flex:1;max-width:600px;background:var(--panel,var(--paper,var(--site-paper)))}
.site-search input{border:0;outline:0;padding:0 10px;width:100%;font-size:11px;background:transparent;color:inherit}
.site-select{height:38px;border:1px solid var(--line,var(--site-line));background:var(--panel,var(--paper,var(--site-paper)));padding:0 9px;font-size:10px;color:inherit}
.site-toggle{display:flex;border:1px solid var(--line,var(--site-line));height:38px;align-items:stretch;background:var(--panel,var(--paper,var(--site-paper)))}
.site-toggle-label{display:flex;align-items:center;padding:0 9px;font-size:10px;color:var(--muted,var(--site-muted));border-right:1px solid var(--line,var(--site-line));white-space:nowrap}
.site-toggle button{border:0;border-right:1px solid var(--line,var(--site-line));background:transparent;padding:0 11px;font-size:10px;cursor:pointer;color:inherit}
.site-toggle button:last-child{border-right:0}.site-toggle button.on{background:var(--fg,var(--ink,var(--site-ink)));color:var(--bg,var(--paper,var(--site-paper)))}
.site-status{min-height:26px;border-bottom:1px solid var(--line,var(--site-line));padding-bottom:6px;font-size:10px;color:var(--muted,var(--site-muted));display:flex;gap:8px;align-items:center}
.site-status.is-error{color:#a40000}.site-status b{color:var(--fg,var(--ink,var(--site-ink)))}
.site-footer{margin-top:24px;border-top:1px solid var(--line,var(--site-line));padding-top:12px;font-size:11px;line-height:1.65;color:var(--muted,var(--site-muted))}
.site-footer .snapshot{font-variant-numeric:tabular-nums;margin-bottom:3px}
.site-footer .source{max-width:900px}
.dev-head-meta{font-size:9px;color:var(--muted,var(--site-muted));text-align:right;line-height:1.45}
@media(max-width:800px){
  .site-shell{padding:14px 12px 30px}.site-header{align-items:flex-start;gap:14px}.site-title{font-size:30px!important}
  .site-actions{align-items:flex-end}.site-search{min-width:100%;max-width:none}.site-footer{margin-top:18px}
}
@media(max-width:560px){
  .site-header{flex-direction:column}.site-actions{width:100%;justify-content:space-between;margin-left:0}.site-title{font-size:27px!important}
  .site-nav,.site-lang{height:32px}.site-nav a{padding:0 8px}.site-tools{gap:7px}.site-select{flex:1;min-width:0}.site-toggle{width:100%}.site-toggle-label{flex:1}.site-toggle button{flex:1}
}
.site-toggle.flow-control{min-height:38px}
.site-toggle.flow-control>span{padding:0 9px;font-size:10px;color:var(--muted,var(--site-muted));border-right:1px solid var(--line,var(--site-line));line-height:normal;display:flex;align-items:center}
.site-toggle.flow-control button{border:0;border-right:1px solid var(--line,var(--site-line));background:transparent;padding:0 11px;min-width:0;height:auto}
.site-toggle.flow-control button:last-child{border-right:0}.site-toggle.flow-control button.on{background:var(--fg,var(--ink,var(--site-ink)));color:var(--bg,var(--paper,var(--site-paper)))}