/* P0R visual layer: shared tokens, compact sports data layout, no stack change. */
:root {
  --brand-brown: #2c140e;
  --brand-brown-deep: #1c0b07;
  --heading-brown: #63341f;
  --surface-warm: #f7eee7;
  --surface-subtle: #f4f1ed;
  --page-bg: #f2f4f7;
  --accent: #cf3d1d;
  --accent-hover: #ae3014;
  --accent-bright: #ff773c;
  --score-live: #b92c22;
  --muted: #606c75;
  --border: #e3e5e8;
  --card-radius: 8px;
  --section-pad: 10px 13px;
  background: var(--page-bg);
  color: #242b30;
}
body {background:var(--page-bg)}
button:hover {background:#f7eee7}
a:hover {color:var(--accent)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible {outline:3px solid #ef841e;outline-offset:3px}
.card {border-radius:var(--card-radius);box-shadow:0 1px 2px #40211504}
.demo-strip {min-height:30px;padding:4px 20px;gap:12px;color:#703e28;background:#f8ede4;font-size:10px}
.demo-strip>span:not(.local-badge) {font-size:10px}
.demo-strip .local-badge {margin-left:0;white-space:nowrap;color:#6b4634}
.preset-picker {display:flex;align-items:center;gap:8px;margin-left:auto;font-size:10px;color:#63341f;white-space:nowrap}
.preset-picker select {width:188px;margin:0;border-color:#d5bdac;background:#fffbf7;font-size:10px;font-weight:600;padding:4px 6px;border-radius:4px;height:25px;color:#63341f}
.site-header {background:linear-gradient(110deg,var(--brand-brown),var(--brand-brown-deep));border-bottom:2px solid #61311d;color:#fff}
.header-main {height:72px;padding:12px 20px;gap:30px}
.brand {gap:10px;color:white}
.brand:hover {color:white}
.brand img {width:44px;height:46px;padding:3px;background:white;border-radius:6px;object-fit:contain}
.brand>span {font-size:25px;letter-spacing:-.8px}
.brand .orange {color:#ff8149}
.brand small {font-size:8px;color:#d9c1b4;letter-spacing:1.8px}
.search-wrap {width:380px}
.search-wrap input {height:37px;font-size:12px;color:#fff6f0;background:#43291f;border:1px solid #7b5947;padding-top:9px;padding-bottom:9px}
.search-wrap input::placeholder {color:#d8c3b7;opacity:1}
.search-wrap>span {top:1px;color:#e0c9bc}
.search-menu {color:#242b30;border-color:#d6c6ba}
.search-menu>small,.search-menu a small {color:#6d5e54}
.header-tools {gap:9px}
.header-tools select {height:36px;padding:8px 10px;font-size:12px;background:#43291f;color:#fff6f0;border-color:#7b5947;max-width:156px}
.main-nav {height:44px;padding:0 20px 6px;gap:7px;align-items:stretch}
.nav-link,.nav-admin {font-size:12px;padding:10px 16px;border:0;border-radius:5px;color:#f2e6de;font-weight:600;min-height:36px}
.nav-link.active,.nav-admin.active {background:var(--accent);color:#fff;border:0;box-shadow:inset 0 1px 0 #ffb06b44}
.nav-link:hover,.nav-admin:hover {background:#523023;color:#fff}
.nav-link.active:hover {background:var(--accent-hover)}
.nav-dot {background:#ffb078}
.nav-link.active .nav-dot {background:#fff}
.nav-admin {font-size:11px;padding-left:12px;padding-right:12px}
.app-content {padding:12px 18px 28px}
.home-grid {grid-template-columns:232px minmax(400px,1fr) 346px;gap:14px}
.section-header {background:var(--surface-warm);color:var(--heading-brown);padding:var(--section-pad);border-bottom:1px solid #eadbcf;gap:8px;min-height:38px}
.section-header h2,.section-header h3 {display:flex;align-items:center;gap:8px;margin:0!important;font-size:13px!important;line-height:1.45;letter-spacing:0;font-weight:700}
.section-header .section-icon {color:var(--accent);font-size:15px}
.section-meta {font-size:10px;font-weight:500;color:#775340;white-space:nowrap;line-height:1.5}
.section-header--dark {background:var(--brand-brown);color:#fff;border:0}
.section-header--dark .section-icon {color:#ff9b59}
.section-header--dark .section-meta,.section-header--dark .live-indicator {color:#ffd7be}
.section-header--subtle {background:var(--surface-subtle);color:#553a2a;border-color:#e6ded6;min-height:30px;padding:7px 10px;border-radius:5px}
.section-header--subtle h3 {font-size:12px!important}
.sidebar .card {margin-bottom:12px}
.calendar-title {margin:9px 10px 8px;font-size:12px}
.calendar-title button {font-size:21px;min-width:32px;min-height:30px}
.calendar-grid {padding:0 10px 7px;gap:2px}
.weekday {font-size:10px;color:#647078;margin:2px 0 5px}
.calendar-day {min-height:29px;font-size:12px;color:#38414a;gap:1px}
.calendar-day small {font-size:8px;color:#a33317;background:#fff1e7;line-height:9px}
.calendar-day.active {color:white;background:var(--accent)}
.today-button {font-size:11px;padding:9px 0;color:var(--accent)}
.side-item {padding:10px 11px;gap:8px;font-size:12px;min-height:42px;line-height:1.4;color:#374149}
.side-item.chosen {padding-left:8px;background:#fff1e7;color:#a32e13}
.league-symbol {font-size:16px;background:#f5f3ee;color:#5d4f45;width:24px;height:26px;border-radius:4px}
.sidebar label.padded {padding:8px 10px 12px}
.sidebar select {font-size:12px;padding:9px 8px;margin:0}
.sidebar-note {padding:7px 10px;font-size:10px;color:#626d76}
.sidebar-note p {margin:8px 0}
.hero-banner {min-height:102px;height:102px;border-radius:8px;padding:16px 19px;background:linear-gradient(110deg,#382219,#21150f);color:#fff}
.hero-banner::after {width:170px;height:230px;right:5px;top:-70px;transform:rotate(26deg);background:linear-gradient(150deg,#ff8f3f,#c63816);opacity:.9}
.hero-banner h1 {font-size:27px;letter-spacing:-.7px;margin:6px 0 0;max-width:78%;line-height:1.16;position:relative;z-index:2}
.hero-banner .eyebrow {font-size:8px;letter-spacing:1.5px;color:#ffbf91;position:relative;z-index:2}
.hero-banner p {margin-top:5px;font-size:11px;color:#efddce;position:relative;z-index:2;max-width:75%}
.hero-pill {right:13px;bottom:10px;font-size:7px;z-index:2;padding:4px 6px;background:#5e231e33;color:#fff2e7;border-color:#ffe7cb77}
.hero-pitch {position:absolute;right:18px;top:12px;width:170px;height:67px;border:1px solid #ffe9c85c;transform:skewX(-16deg);opacity:.65;border-radius:4px;z-index:1}
.hero-pitch::before {content:'';width:46px;height:46px;border:1px solid #ffe9c86a;border-radius:50%;position:absolute;left:60px;top:9px}
.hero-pitch::after {content:'';width:1px;height:100%;background:#ffe9c866;position:absolute;left:50%;top:0}
.hero-pitch>span,.hero-pitch>i {width:24px;height:39px;border:1px solid #ffe9c866;position:absolute;top:12px}
.hero-pitch>span {left:0;border-left:0}.hero-pitch>i {right:0;border-right:0}
.hero-pitch>b {font-size:46px;position:absolute;right:18px;top:7px;filter:grayscale(1);transform:skewX(16deg);opacity:.85}
.list-heading {margin:12px 0 9px;min-height:39px;gap:10px}
.list-heading .eyebrow {font-size:8px;letter-spacing:1px;color:#69747d}
.list-heading h2 {font-size:18px;margin-top:3px;line-height:1.25}
.count {font-size:11px;padding:6px 10px;color:#5f6c76}
.status-tabs {gap:5px;background:white;padding:4px;border-radius:7px;border:1px solid var(--border)}
.status-tabs button {padding:8px 11px;font-size:12px;min-height:33px;border-color:transparent;border-radius:5px;background:#f6f7f8;line-height:1.3}
.status-tabs button.active {background:var(--accent);border-color:var(--accent)}
.list-meta {margin:8px 0 7px;font-size:10px;color:#626e77;line-height:1.3}
.list-meta>span:last-child {letter-spacing:6px;margin-right:42px}
.match-group {margin-bottom:9px}
.league-heading {padding:7px 11px;gap:8px;background:#eef0f2;min-height:35px;border-color:#e2e5e8}
.league-heading .league-symbol {font-size:16px;border:0;background:transparent;width:22px;height:21px}
.league-heading a {font-size:12px;line-height:1.35;gap:7px;color:#2b3339}
.league-heading a>span:first-child {font-size:11px;color:#65717a}
.league-heading small {font-size:10px;color:#626d75}
.match-row,.page-main .match-row {min-height:66px;padding:7px 10px 7px 0;gap:10px;border-color:#e9ecef}
.match-row.is-selected {background:#fff5ed;border-left:3px solid var(--accent)}
.match-pick {gap:10px;padding-left:11px;min-height:50px}
.match-time {width:37px;font-size:11px;gap:7px;color:#617079;font-variant-numeric:tabular-nums}
.match-time small {font-size:9px;line-height:1.2;white-space:normal}
.match-teams {gap:6px}
.match-teams>span,.page-main .match-teams>span {font-size:12px;gap:7px;line-height:1.35}
.match-teams b {font-size:14px;font-variant-numeric:tabular-nums;min-width:19px;text-align:right;color:#1f2a32}
.is-selected .match-teams b,.live-text {color:var(--score-live)!important}
.row-odds {gap:4px}
.row-odds>span {width:37px;padding:4px 3px;gap:3px;border-radius:4px;background:#f5f6f7;border-color:#e2e6e9}
.row-odds small {font-size:9px;color:#65717c}
.row-odds b {font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}
.star {font-size:23px;width:27px;min-height:36px;color:#7d8993}
.star.saved {color:#ab6008}
.crest {width:21px;height:23px;font-size:7px}
.row-note {font-size:10px;margin:9px 0 13px;color:#65717a}
.detail-panel {position:sticky;top:12px}
.detail-panel>.section-header {padding:9px 13px;min-height:36px}
.detail-panel>.section-header h2 {font-size:13px!important}
.detail-league {padding:10px 13px 4px;font-size:12px;font-weight:600;color:#69371f;line-height:1.4}
.score-hero.compact {padding:12px 13px 10px}
.compact .score-teams {gap:9px}
.compact .score-teams .team-link {font-size:11px;gap:7px;max-width:106px;line-height:1.35}
.compact .crest.large {width:42px;height:47px;font-size:14px}
.compact .score-core {min-width:86px;gap:5px}
.compact .score-core>strong {font-size:36px;color:var(--score-live);line-height:1.1}
.compact .status {font-size:10px;padding:4px 7px;color:#a12d15}
.compact .score-core>small {font-size:10px;color:#63717a}
.compact .score-meta {font-size:10px;margin-top:10px;color:#63717a}
.detail-panel .tabs {gap:0;justify-content:space-between;padding:0 11px;border-top:1px solid #ece7e2;background:#fff}
.detail-panel .tabs button {font-size:11px;padding:10px 2px;min-height:38px;color:#646f75}
.detail-panel .tabs button.active {color:var(--accent)}
.panel-content {padding:10px 12px}
.panel-content .section-header {margin:0 0 8px;padding:7px 9px;min-height:29px}
.panel-content>.section-header:not(:first-child) {margin-top:12px}
.panel-content .section-meta {font-size:8px}
.panel-odds {margin-bottom:12px}
.panel-odds .odds-grid {gap:5px}
.panel-odds .odds-grid>div {padding:6px 8px;background:#f5f6f7;border-radius:4px;gap:3px}
.panel-odds .odds-grid strong {font-size:15px}
.panel-odds .odds-grid small {font-size:9px;color:#657078}
.panel-odds>small {display:block;font-size:9px;color:#626f78;margin-top:5px}
.stat {margin:8px 0 12px}
.stat>div:first-child {font-size:12px;gap:10px}
.stat>div:first-child>span {font-size:11px;color:#626e75}
.stat-bar {margin-top:6px;height:5px}
.stat-bar>span {background:#dc512e}
.stat-bar>i {background:#547f74}
.event {padding:8px 0;gap:9px;font-size:11px;line-height:1.45}
.event time {font-size:10px;min-width:27px;color:#64717a;font-variant-numeric:tabular-nums}
.event b {font-size:10px;color:#626c73}
.event small {font-size:10px;color:#68737a;margin-top:3px}
.event a {font-weight:600}
.event-icon {min-width:16px;text-align:center}
.event-icon.yellow {color:#a77700}
.event-icon.sub {color:#237b52}
.data-status {border:1px solid #e2ddd7;background:#fbf9f6;border-radius:6px;margin-top:12px;color:#5d5148}
.data-status summary {display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;padding:9px 10px;font-size:11px;font-weight:600;min-height:36px}
.data-status summary small {font-size:10px;font-weight:400;margin-left:auto;color:#746453}
.data-status>div {padding:0 10px 10px}
.data-status .notice {background:transparent;border:0;padding:6px 0;margin:0;font-size:11px;color:#615344}
.data-status .notice small {color:#6a6d70;font-size:10px}
.data-status summary>span:last-child {color:var(--accent)}
.panel-footer {padding:10px 12px;background:#fffdfb}
.panel-footer .button {font-size:12px;min-height:36px;padding:8px 12px}
.panel-footer small {font-size:9px;margin-top:6px;color:#65727a}
.button.primary {background:var(--accent);border-color:var(--accent)}
.button.primary:hover {background:var(--accent-hover);border-color:var(--accent-hover)}
.text-button {color:var(--accent)}
.tabs button {font-size:12px;color:#647079}
.tabs button.active {color:var(--accent);border-bottom-color:var(--accent)}
.status.live {color:#aa311e;background:#fff0e6}
.status.finished {color:#226442;background:#eaf4ed}
.status.upcoming,.status.postponed,.status.cancelled,.status.tba {color:#535f69}
.demo-controls {margin-top:15px;background:#f8f7f5;border-color:#d8c9bd}
.demo-controls summary {padding:10px 12px;min-height:38px}
.demo-controls summary small {color:#64717b}
.padded {padding:18px}
.card.padded>.section-header,.card.padded>h2 {margin:-18px -18px 17px;padding:var(--section-pad);border-radius:0;background:var(--surface-warm);color:var(--heading-brown)}
.card.padded>h2 {font-size:14px;border-bottom:1px solid #eadbcf;line-height:1.5}
.page-heading {padding:7px 0 20px}
.page-heading h1 {font-size:30px;margin:8px 0;color:#3f251b}
.page-heading .eyebrow {color:#785945}
.page-heading p {color:#637079}
.entity-header h1 {color:#3f251b;font-size:30px}
.entity-header .eyebrow,.entity-header p {color:#685b50}
.entity-emblem {background:var(--surface-warm);color:var(--heading-brown);border-color:#e8d9cc}
.player-avatar {background:linear-gradient(140deg,#faf3ec,#dfd0c2);color:#79543c;border-color:#e3d4c7}
.filter-bar {padding:14px;margin-bottom:20px;border-top:3px solid #b98358}
.filter-bar label {color:#70513b}
.filter-bar select,.filter-bar input {border-color:#d7c9bd;font-size:12px}
.date-section>h2,.section-title {color:#5f3924}
.metric-cards .card {padding:18px;border-top:3px solid #dcb390}
.metric-cards span,.metric-cards small {color:#685f56}
.metric-cards strong {color:#43291c}
.table-wrap th {background:#f7f3ee;color:#695442}
.table-wrap td .team-link {font-size:12px}
.match-detail .match-top {background:var(--surface-warm);color:var(--heading-brown);border-bottom-color:#e8d7c9;padding:12px 20px}
.match-body {padding:22px 26px}
.overview-grid .section-header {margin:0 0 12px}
.match-body .lineup-grid .section-header {margin-top:18px}
.odds-content>.section-header {margin:13px 0 10px}
.score-core>strong {color:var(--score-live)}
.freshness {color:#626e76;font-size:11px}
.admin-toolbar {border-top:3px solid #b98358;padding:16px;gap:18px}
.admin-toolbar>span,.field-bottom small,.search-preview .tiny,.audit small {color:#667078}
.seo-field label {color:#633e29}
.seo-field input,.seo-field textarea {font-size:13px}
.badge.auto {color:#23633e}.badge.custom {color:#41548d}.badge.review {color:#815b13}
.search-preview h3 {font-size:20px}
.directory-item {padding:17px}
.directory-item strong {font-size:13px}
footer {color:#657179;padding:18px 20px;font-size:10px}
@media(min-width:1550px){
 .home-grid {grid-template-columns:246px minmax(430px,1fr) 374px;gap:16px}
 .hero-banner {height:106px;min-height:106px}
 .hero-banner h1 {font-size:30px}
 .match-teams>span {font-size:13px}
 .match-row {min-height:67px}
 .row-odds>span {width:40px}
 .detail-panel .tabs button {font-size:12px}
}
@media(min-width:1200px) and (max-width:1350px){
 .home-grid {grid-template-columns:210px minmax(360px,1fr) 325px;gap:12px}
 .row-odds>span {width:32px}
 .match-teams>span {font-size:11px}
 .detail-panel .tabs button {font-size:10px}
 .hero-banner h1 {font-size:26px}
}
@media(min-width:700px) and (max-width:1199px){
 .home-grid {grid-template-columns:195px minmax(0,1fr);gap:12px}
 .sidebar {grid-column:1;grid-row:1}.score-list {grid-column:2;grid-row:1}
 .detail-panel {display:none}
 .mobile-filters>summary {display:none}
 .sidebar-inner {display:block;margin:0}
 .sidebar-note {display:block}
 .side-item {font-size:11px;padding:10px 9px}
 .section-header h2 {font-size:12px!important}
 .section-meta {font-size:9px}
 .hero-banner {height:105px;min-height:105px;padding:15px}
 .hero-banner h1 {font-size:25px;max-width:95%}
 .hero-banner .eyebrow {font-size:7px;letter-spacing:.8px}
 .hero-banner p {font-size:10px}
 .hero-banner::after {right:-50px}
 .hero-pitch {right:-20px;opacity:.4}
 .hero-pill {font-size:6px;right:9px;bottom:8px}
 .match-row {padding:8px 7px 8px 0;gap:6px;min-height:68px}
 .match-pick {gap:7px;padding-left:8px}
 .match-time {width:31px;font-size:10px}
 .match-teams>span {font-size:11px;gap:5px}
 .row-odds>span {width:30px;padding:4px 2px}
 .row-odds b {font-size:10px}
 .crest {width:18px;height:22px;font-size:6px}
 .status-tabs button {font-size:11px;padding:7px 10px}
 .list-heading h2 {font-size:17px}
 .list-meta {font-size:9px}
 .list-meta>span:last-child {margin-right:27px}
 .header-main {flex-wrap:nowrap;height:72px;gap:18px}
 .search-wrap {order:0;width:auto;min-width:150px;flex:1;margin:0}
 .brand>span {font-size:23px}
 .header-tools {margin-left:0;gap:6px}
 .header-tools select {font-size:10px;max-width:135px;padding:8px}
 .main-nav {gap:4px;padding-left:18px;padding-right:18px;overflow:auto}
 .main-nav .nav-link,.nav-admin {font-size:11px;padding:9px 12px;min-height:36px}
 .demo-strip {padding-left:18px;padding-right:18px;flex-wrap:wrap;gap:6px 10px}
 .demo-strip>span:not(.local-badge) {font-size:9px}
 .preset-picker {font-size:9px}.preset-picker select {width:170px;font-size:9px}
 .demo-strip .local-badge {display:none}
}
@media(min-width:700px) and (max-width:850px){
 .header-main {gap:12px;padding:11px 16px}
 .brand img {width:37px;height:40px}.brand>span {font-size:21px}.brand small {font-size:6px}
 .search-wrap {min-width:130px}.search-wrap input {font-size:10px;padding-left:32px}.search-wrap>span {left:9px}
 .header-tools select {font-size:10px;max-width:116px}
 .demo-strip>span:not(.local-badge) {display:none}
 .main-nav .nav-link,.nav-admin {padding:9px 11px}
 .app-content {padding:12px}
 .home-grid {grid-template-columns:180px minmax(0,1fr);gap:11px}
 .hero-banner h1 {font-size:24px}.hero-banner p {max-width:85%}
 .league-heading a>span:first-child {display:none}
}
@media(max-width:699px){
 .demo-strip {padding:5px 12px;gap:5px 8px;align-items:center;min-height:49px;flex-wrap:wrap}
 .demo-strip b {font-size:10px;line-height:1.3}
 .demo-strip>span:not(.local-badge) {font-size:9px;order:3;flex-basis:100%;line-height:1.3}
 .demo-strip .local-badge {display:none}
 .preset-picker {margin-left:auto;font-size:0;gap:0}
 .preset-picker>span {position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
 .preset-picker select {width:171px;font-size:10px;height:25px;padding:4px}
 .header-main {height:auto;padding:10px 12px;gap:10px;flex-wrap:wrap;min-height:100px}
 .brand {gap:7px}.brand img {width:34px;height:36px;padding:2px}.brand>span {font-size:21px}.brand small {font-size:6px;letter-spacing:1px}
 .header-tools {margin-left:auto;gap:5px}
 .header-tools select {font-size:10px;max-width:108px;padding:6px;height:33px}
 .header-tools label:first-child select {max-width:59px}
 .search-wrap {order:3;width:100%;margin:0!important}
 .search-wrap input {height:33px;font-size:12px;padding:7px 12px 7px 34px}
 .search-wrap>span {left:10px;top:0;font-size:23px}
 .main-nav {height:42px;padding:0 12px 5px;gap:5px;overflow:auto;scrollbar-width:none}
 .main-nav .nav-link,.nav-admin {font-size:12px;padding:9px 12px;min-height:36px;line-height:1.4}
 .nav-admin {margin-left:5px}
 .app-content {padding:10px 11px 24px}
 .home-grid {grid-template-columns:minmax(0,1fr);gap:10px}
 .sidebar {grid-column:1;grid-row:1}.score-list {grid-column:1;grid-row:2}
 .detail-panel {display:none}
 .mobile-filters>summary {display:flex;background:var(--surface-warm);color:var(--heading-brown);padding:10px 12px;border-color:#e4d5c8;font-size:12px;min-height:38px;border-radius:6px}
 .sidebar-inner {display:block;margin-top:10px}
 .sidebar-note {display:none}
 .hero-banner {height:94px;min-height:94px;padding:12px 14px}
 .hero-banner h1 {font-size:24px;max-width:90%;line-height:1.2;margin-top:6px}
 .hero-banner .eyebrow {font-size:7px;letter-spacing:.7px}
 .hero-banner p {font-size:10px;max-width:75%;margin-top:4px}
 .hero-banner::after {right:-75px;top:-75px;opacity:.75}
 .hero-pitch {width:124px;height:61px;right:-27px;top:8px;opacity:.4}
 .hero-pitch::before {left:37px;width:40px;height:40px}.hero-pitch>b {font-size:40px;right:16px}
 .hero-pill {font-size:6px;right:8px;bottom:7px;padding:3px 5px}
 .list-heading {margin:10px 0 8px;min-height:35px}
 .list-heading h2 {font-size:17px;margin-top:3px}.list-heading .eyebrow {font-size:8px}
 .count {font-size:10px;padding:5px 9px}
 .status-tabs {padding:3px;gap:4px}
 .status-tabs button {font-size:11px;padding:8px 10px;min-height:35px}
 .list-meta {font-size:9px;margin:7px 0;line-height:1.5}
 .list-meta>span:last-child {font-size:8px;letter-spacing:5px;margin-right:29px}
 .league-heading {padding:7px 9px;gap:7px;min-height:33px}
 .league-heading a {font-size:11px;line-height:1.4}
 .league-heading a>span:first-child {display:none}
 .match-row,.page-main .match-row {min-height:72px;padding:8px 6px 8px 0;gap:5px}
 .match-pick {gap:7px;padding-left:7px;min-height:54px}
 .match-time,.page-main .match-time {width:27px;font-size:10px;gap:8px}
 .match-time small {font-size:9px;line-height:1.2}
 .match-teams {gap:8px}
 .match-teams>span,.page-main .match-teams>span {font-size:11px;gap:5px}
 .match-teams b {font-size:13px;min-width:13px;padding-left:1px}
 .match-teams .crest {width:17px;height:20px;font-size:6px}
 .row-odds {gap:3px}
 .row-odds>span,.page-main .row-odds>span {width:28px;padding:5px 1px;gap:4px}
 .row-odds b {font-size:10px}.row-odds small {font-size:8px}
 .star {width:25px;min-width:25px;min-height:44px;font-size:22px}
 .row-note {font-size:10px;margin:9px 0}
 .demo-controls summary {font-size:11px;padding:11px}
 .demo-controls summary small {font-size:9px}
 .section-header {padding:10px 12px}
 .section-header h2,.section-header h3 {font-size:13px!important}
 .calendar-day {min-height:36px;font-size:13px}
 .calendar-title {font-size:13px}
 .side-item {font-size:13px;min-height:44px}
 .padded {padding:16px}
 .card.padded>.section-header,.card.padded>h2 {margin:-16px -16px 15px;padding:10px 13px}
 .page-heading {padding:6px 0 17px}.page-heading h1 {font-size:27px}.page-heading p {font-size:12px}
 .entity-header h1 {font-size:25px}.entity-header p {font-size:11px}
 .filter-bar {padding:12px;gap:10px}.filter-bar input,.filter-bar select {font-size:12px}
 .metric-cards .card {padding:13px 10px}.metric-cards span {font-size:10px}.metric-cards small {font-size:9px}
 .table-wrap td .team-link {font-size:10px}
 .match-detail .match-top {padding:11px 13px;font-size:11px}
 .match-body {padding:17px 14px}
 .score-hero {padding:21px 12px 17px}
 .score-teams .team-link {font-size:11px}.score-meta {font-size:10px;color:#637078}
 .score-core>strong {font-size:37px}.score-core>small {color:#637078}
 .stat>div:first-child {font-size:13px}.stat>div:first-child>span {font-size:12px}
 .stat {margin:11px 0 16px}
 .event {font-size:12px;padding:11px 0}.event b,.event small {font-size:11px}
 .data-status summary {font-size:12px}.data-status summary small {font-size:10px}
 .data-status .notice {font-size:11px}.data-status .notice small {font-size:11px}
 .freshness {font-size:10px;padding:13px}
 .seo-field input,.seo-field textarea {font-size:13px}.seo-field label {font-size:12px}
 .field-bottom small {font-size:10px;max-width:72%}.field-bottom button {font-size:10px}
 .admin-toolbar {padding:13px}.admin-toolbar>span {font-size:10px}
 .template-editor input,.template-editor textarea {font-size:12px}
 footer {font-size:9px;padding:17px 13px;gap:12px}
}

.main-nav{max-width:100%;min-width:0;overflow-x:auto}.main-nav>ul{display:flex;align-items:stretch;gap:4px;list-style:none;margin:0;padding:0;min-width:0;width:max-content;max-width:none}.main-nav>ul>li{flex:none;display:flex}.main-nav>ul .nav-link{display:flex;align-items:center;white-space:normal;max-width:32ch;overflow-wrap:anywhere;line-height:1.4}.menu-manager{display:grid;gap:16px;min-width:0}.menu-controls,.menu-actions{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.menu-controls label{min-width:170px}.menu-meta{color:#6a4938;margin:0}.menu-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px}.menu-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.menu-list li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:12px;border:1px solid #e7d8ca;border-radius:8px;background:#fff}.menu-list li[data-editing=true]{border-color:#c43d17;background:#fff4eb}.menu-list li[data-enabled=false]{background:#f4f2ef}.menu-list strong,.menu-list code{display:block;overflow-wrap:anywhere}.menu-list code{font-size:12px;color:#74533f}.menu-row-actions{grid-column:2;display:flex;gap:6px;flex-wrap:wrap}.menu-row-actions button{padding:6px 10px}.menu-editor{align-self:start}.menu-editor form{display:grid;gap:12px}.menu-editor input[type=checkbox]{width:auto;margin-right:8px}.menu-warning{padding:10px;background:#fff1d9;border-left:3px solid #c8651d;overflow-wrap:anywhere}.menu-error{padding:12px;background:#fff0ec;color:#9d230c}.menu-preview{width:100%;max-width:100%;overflow:hidden}.menu-preview.mobile{width:390px}.menu-preview .main-nav{padding:10px;background:#2b130d;border-radius:8px}.menu-preview .nav-link{padding:12px 18px;color:#fff0e4;font-weight:700;border-radius:7px}.menu-preview .nav-link.active{background:#c43d17}.menu-preview .main-nav:empty{display:none}.menu-url{overflow-wrap:anywhere;white-space:pre-wrap}.menu-manager label{display:block}.menu-manager .p6-panel h2{margin-top:0}@media(max-width:800px){.menu-layout{grid-template-columns:1fr}.menu-controls label{min-width:0;flex:1}.menu-row-actions button{min-height:40px}}

.menu-confirm{max-width:min(520px,90vw);padding:24px;border:1px solid #dbc7b6;border-radius:12px;color:#3a2015}.menu-confirm::backdrop{background:#210e0bb3}.menu-confirm button{margin:8px}