/* Shared navigation/footer only: all seven demo pages. */
/* Navigation and footer: EFE-inspired scale, Inter, and consistent branding. */
@font-face {
 font-family: 'Omni Inter'; src: url('secondary-assets/Inter-Variable.ttf') format('truetype');
 font-weight: 100 900; font-style: normal; font-display: swap;
}
:is(.secondary-page, .site-chrome) .mast {
 width: min(1400px, calc(100% - 32px)); height: 72px; padding: 10px 22px;
 gap: 20px; border-radius: 999px; border-color: #17202b14;
 background: #ffffffed; box-shadow: 0 2px 5px #17202b06, 0 12px 32px #17202b08;
}
:is(.secondary-page, .site-chrome) .mast .brand {
 font: 700 21px/1.2 'Omni Inter', system-ui, sans-serif; letter-spacing: -.035em; gap: 10px;
}
:is(.secondary-page, .site-chrome) .mast nav[aria-label=Main] { gap: 3px; justify-content: center; font: 500 16px/1.2 'Omni Inter', system-ui, sans-serif; }
:is(.secondary-page, .site-chrome) .mast nav[aria-label=Main] a {
 padding: 10px 15px; border: 0; border-radius: 999px; color: #4b5563;
 text-decoration: none; white-space: nowrap; min-height: 44px;
}
:is(.secondary-page, .site-chrome) .mast nav[aria-label=Main] a:hover { background: #edf0f4; color: #111820; }
:is(.secondary-page, .site-chrome) .mast nav[aria-label=Main] a[aria-current=page] { background: #111820; color: #fff; }
:is(.secondary-page, .site-chrome) .mast .mast-end .btn {
 font: 500 14px/1.2 'Omni Inter', system-ui, sans-serif; border: 0; border-radius: 999px;
 padding: 13px 16px; background: #edf0f4; white-space: nowrap;
}
:is(.secondary-page, .site-chrome) .mast .mast-end .soon { background: transparent; color: #818993; }
:is(.secondary-page, .site-chrome) .mast .mast-end small { font: inherit; }
:is(.secondary-page, .site-chrome) .site-footer {
 margin: 90px 0 0; padding: 58px max(24px, calc((100% - 1240px) / 2)) 28px;
 background: #f4f6f9; border-top: 1px solid #dce1e7; color: #69727f;
 font-family: 'Omni Inter', system-ui, sans-serif; -webkit-font-smoothing: antialiased;
}
:is(.secondary-page, .site-chrome) .site-footer-grid { grid-template-columns: minmax(0, 1.7fr) repeat(2, minmax(0, 1fr)); gap: 64px; }
:is(.secondary-page, .site-chrome) .site-footer-brand > a {
 display: inline-flex; align-items: center; gap: 11px; width: auto; height: auto;
 background: none; color: #111820; font: 700 23px/1.3 'Omni Inter', system-ui, sans-serif;
 letter-spacing: -.035em; text-decoration: none;
}
:is(.secondary-page, .site-chrome) .site-footer-brand > a img { width: 32px; height: 32px; object-fit: contain; }
:is(.secondary-page, .site-chrome) .site-footer-brand p { max-width: 350px; margin: 24px 0 20px; font-size: 16px; line-height: 1.7; color: #69727f; }
:is(.secondary-page, .site-chrome) .site-footer small { font: 400 13px/1.5 'Omni Inter', system-ui, sans-serif; letter-spacing: .01em; text-transform: none; }
:is(.secondary-page, .site-chrome) .site-footer h2 { margin: 6px 0 20px; font: 500 12px/1.4 var(--mono); letter-spacing: .12em; color: #76808d; }
:is(.secondary-page, .site-chrome) .site-footer nav { gap: 14px; }
:is(.secondary-page, .site-chrome) .site-footer nav a, :is(.secondary-page, .site-chrome) .site-footer nav span { font: 400 17px/1.5 'Omni Inter', system-ui, sans-serif; color: #4b5563; }
:is(.secondary-page, .site-chrome) .site-footer nav a:hover { color: #111820; text-decoration: underline; text-underline-offset: 4px; }
:is(.secondary-page, .site-chrome) .site-footer-bottom { margin-top: 40px; padding-top: 22px; border-color: #e1e5eb; font: 400 13px/1.5 'Omni Inter', system-ui, sans-serif; letter-spacing: 0; }
@media(max-width:1150px) {
 :is(.secondary-page, .site-chrome) .mast { gap: 10px; padding-inline: 16px; }
 :is(.secondary-page, .site-chrome) .mast .brand { font-size: 18px; }
 :is(.secondary-page, .site-chrome) .mast nav[aria-label=Main] { font-size: 14px; }
 :is(.secondary-page, .site-chrome) .mast nav[aria-label=Main] a { padding-inline: 10px; }
 :is(.secondary-page, .site-chrome) .mast .mast-end .soon { display: none; }
}
@media(max-width:800px) {
 :is(.secondary-page, .site-chrome) .mast { height: auto; min-height: 108px; border-radius: 24px; top: 6px; grid-template-columns: 1fr auto; gap: 5px 12px; padding: 10px 14px; }
 :is(.secondary-page, .site-chrome) .mast nav[aria-label=Main] { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; overflow-x: auto; width: 100%; gap: 2px; }
 :is(.secondary-page, .site-chrome) .mast nav[aria-label=Main] a { padding: 9px 12px; min-height: 40px; }
 :is(.secondary-page, .site-chrome) .mast .mast-end { grid-column: 2; grid-row: 1; }
 :is(.secondary-page, .site-chrome) .site-footer { margin-top: 64px; padding: 40px 24px 24px; }
 :is(.secondary-page, .site-chrome) .site-footer-grid { grid-template-columns: 1fr 1fr; gap: 36px 24px; }
 :is(.secondary-page, .site-chrome) .site-footer-brand { grid-column: 1 / -1; }
 :is(.secondary-page, .site-chrome) .site-footer-bottom { flex-wrap: wrap; gap: 14px; }
}

/* Owner palette: soft paper-like tints; model identity stays stable between splits. */
.leaderboard-page .board-ranks article { background:var(--rank-wash,#f1f0ef); border-color:var(--rank-border,#dcdad7); color:#29272e; }
.leaderboard-page .board-ranks article b,.leaderboard-page .board-ranks article p span { color:#655f6b; }
.leaderboard-page .board-ranks article[data-model="Omni-Reason-1"] { --rank-wash:#eee5f7; --rank-border:#d3bce8; }
.leaderboard-page .board-ranks article[data-model="MiniMax H3"] { --rank-wash:#e6f0fc; --rank-border:#c1d8f3; }
.leaderboard-page .board-ranks article[data-model="Cosmos3 Super"] { --rank-wash:#faf3da; --rank-border:#e9d89e; }
.leaderboard-page .board-ranks article[data-model="HY-OmniWeaving"] { --rank-wash:#e7f2eb; --rank-border:#c1dacb; }
.leaderboard-page .board-ranks article[data-model="Cosmos3 Nano"] { --rank-wash:#fbeddf; --rank-border:#edcfb5; }
.leaderboard-page .board-ranks article[data-model="Wan VACE 14B"] { --rank-wash:#f8e7ef; --rank-border:#eac4d6; }
.leaderboard-page .board-ranks article[data-model="LTX-2.3 Dev"] { --rank-wash:#f2eae5; --rank-border:#dcc8bc; }
.leaderboard-page .board-ranks article[data-model="LTX-2.3 Extend"] { --rank-wash:#eeedeb; --rank-border:#d8d5d1; }
.leaderboard-page .board-ranks article[data-model="Kling O3 Standard"] { --rank-wash:#e5f1f0; --rank-border:#bddbd7; }
.leaderboard-page .board-ranks article[data-model="Seedance 2.5"] { --rank-wash:#fae8e6; --rank-border:#ebc7c1; }
.leaderboard-page .board-ranks article[data-model="Gemini Omni Flash"] { --rank-wash:#e9eaf8; --rank-border:#c9cdef; }
.leaderboard-page .board-ranks article[data-model="Grok Imagine Video"] { --rank-wash:#edf0e5; --rank-border:#d0d8bd; }

.leaderboard-page #board-ranks article[data-model] { background:var(--rank-wash,#f1f0ef); border-color:var(--rank-border,#dcdad7); }