/* Editorial layout based on the approved Footlytics concept. */
:root[data-theme="light"]{--bg-main:#faf9f6;--text-primary:#092b2d;--text-secondary:#465052;--text-muted:#637071;--border-subtle:#d9dcd6;--accent-primary:#135736}
body{font-family:Arial,Helvetica,sans-serif}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #659c24;outline-offset:5px}
.editorial-header{max-width:1440px;margin:auto;padding:0 36px;min-height:80px;border-top:0;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:32px;position:relative;z-index:30}
.editorial-header .site-brand{display:flex;align-items:center;gap:8px;font-size:32px;letter-spacing:-1.6px;white-space:nowrap}
.editorial-header .brand-ball{font-size:36px;line-height:1;letter-spacing:0;margin:0;filter:grayscale(1)}
.editorial-header .website-nav{border:0;gap:25px;margin-left:auto;overflow:visible}
.editorial-header .website-nav .nav-link{font-size:12px;padding:29px 0 25px;min-height:0;color:var(--text-primary)}
.editorial-header .search-container{width:225px;flex:0 1 225px;min-width:130px;margin:0}.editorial-header .search-input{border:0!important;border-radius:0;background:transparent!important;border-bottom:1px solid var(--border-subtle)!important;padding-right:4px!important;font-size:10px;width:100%}.editorial-header .search-shortcut{display:none}.editorial-header .search-results-dropdown{width:min(440px,85vw);right:0;left:auto}.header-motto{font-size:8px;font-weight:700;line-height:1.6;letter-spacing:.5px;border-left:1px solid var(--border-subtle);padding-left:20px}
#main-content{padding:0 36px 24px;max-width:1440px;margin:auto}.page-view:not(#dashboard-view){padding-top:34px}#dashboard-view>.content-inner{padding-top:32px}.editorial-home{max-width:1368px;margin:auto}.editorial-home a{text-decoration:none;color:inherit}.editorial-home h1,.editorial-home h2,.editorial-home h3,.story strong,.story-deck,.section-deck,.editorial-match,.analysis-feature p,.discovery-band p{font-family:Georgia,'Times New Roman',serif}
.editorial-home h1{font-size:clamp(36px,4.45vw,67px);line-height:1.04;font-weight:700;letter-spacing:-2.4px;margin:18px 0 0}.editorial-home h2{font-size:32px;letter-spacing:-1.15px;line-height:1.14;font-weight:700;margin:0}.editorial-home p{margin:0}.score-ribbon{display:flex;align-items:center;min-height:82px;border-bottom:1px solid var(--border-subtle);gap:16px}.ribbon-label{font-size:9px;letter-spacing:.25px;font-weight:700;flex:0 0 135px}.score-ribbon>a{flex:1;display:flex;gap:10px;align-items:center;justify-content:center;font-size:10px;border-left:1px solid var(--border-subtle);min-height:44px}.score-ribbon .ribbon-all{font-family:Georgia,serif;flex:0 0 115px;font-size:12px;line-height:1.5}.editorial-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:37px;clip-path:polygon(7% 0,93% 0,93% 72%,50% 100%,7% 72%);background:#174d3b;color:#fff;font:700 9px Arial;letter-spacing:.4px}.ribbon-result{text-align:center;white-space:nowrap}.ribbon-result strong{font:700 20px Georgia,serif;display:block}.ribbon-result small{font:10px Georgia,serif;display:block;margin-top:5px;color:var(--text-muted)}
.editorial-opening{display:grid;grid-template-columns:1fr 235px;gap:28px;align-items:end;padding:30px 0 26px}.editorial-kicker{font-size:12px;letter-spacing:3px;color:var(--accent-primary);font-weight:700}.opening-aside{font:14px/1.5 Georgia,serif!important;border-left:2px solid #a9ed40;padding:0 0 0 16px;margin-bottom:4px!important}
.hero-stories{display:grid;grid-template-columns:1.92fr 1fr;gap:18px}.hero-stack{display:grid;grid-template-rows:1fr 1fr;gap:16px}.story{appearance:none;border:0;padding:0;margin:0;text-align:left;cursor:pointer;display:block;position:relative;overflow:hidden;border-radius:0;background:transparent;color:inherit;width:100%}.story-overlay{min-height:260px;color:white;background:#12362d}.hero-stories>.story{min-height:536px}.editorial-photo{background-image:url('../assets/editorial/concept-source.png');background-repeat:no-repeat;width:100%;transition:filter .25s}.story:hover .editorial-photo{filter:brightness(1.09)}
/* The approved artwork is reused as a single cached image atlas, with text-free photo regions. */
.photo-0{background-size:164.63% 491.52%;background-position:7.71% 19.62%}.photo-1{background-size:315.08% 922.52%;background-position:95.56% 17.52%}.photo-2{background-size:315.08% 922.52%;background-position:95.56% 33.25%}.photo-3{background-size:330.32% 1219.05%;background-position:4.34% 79.36%}.photo-4{background-size:334.64% 1219.05%;background-position:50% 79.36%}.photo-5{background-size:330.32% 1219.05%;background-position:95.52% 79.36%}
.story-overlay .editorial-photo{position:absolute;inset:0;height:100%;background-color:#15372e}.story-overlay:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,20,12,.98),rgba(0,20,12,.65) 27%,transparent 65%);pointer-events:none}.story-copy{display:block}.story-overlay .story-copy{position:absolute;bottom:25px;left:25px;right:25px;z-index:1}.story-category{font:700 9px Arial,sans-serif;letter-spacing:1px;display:block;margin-bottom:8px}.story-category:before{content:'';display:inline-block;background:#b6f452;width:15px;height:4px;margin-right:6px;vertical-align:middle}.story-overlay .story-category{color:#c8ff81}.story strong{display:block;font-size:27px;line-height:1.08;letter-spacing:-.8px}.hero-stories>.story strong{font-size:clamp(30px,3vw,44px);letter-spacing:-1.5px}.story-deck{display:block;font-size:16px;line-height:1.4;margin-top:8px}.hero-stack .story-deck{font-size:14px}.editorial-category-bar{display:flex;align-items:center;gap:28px;min-height:68px;border-bottom:1px solid var(--border-subtle);font:13px Georgia,serif}.editorial-category-bar>a:first-child{border-bottom:2px solid #2d793c;padding:22px 0}.editorial-category-bar small{margin-left:auto;font:8px Arial,sans-serif;letter-spacing:2px;color:var(--text-muted)}
.match-feature-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:38px;margin:22px 0}.section-deck{font-size:15px;color:var(--text-secondary);margin-top:4px!important;line-height:1.5}.match-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0}.match-actions>a{font:12px Georgia,serif}.editorial-tabs{display:flex}.editorial-tabs button{padding:10px 20px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-primary);font:13px Georgia,serif;cursor:pointer}.editorial-tabs button+button{border-left:0}.editorial-tabs button.selected{background:#145738;color:#fff}.editorial-match{display:grid;grid-template-columns:1fr 80px 1fr 95px;gap:15px;align-items:center;min-height:89px;border-top:1px solid var(--border-subtle);font-size:13px}.editorial-match:last-child{border-bottom:1px solid var(--border-subtle)}.editorial-match:hover{background:var(--bg-card-hover)}.fixture-team{display:flex;align-items:center;gap:12px}.fixture-score{text-align:center}.fixture-score strong{display:block;font-size:19px}.fixture-score small{display:block;font-size:11px;margin-top:4px;color:var(--text-secondary)}.fixture-league{font-size:12px;color:var(--text-secondary)}.analysis-feature{background:radial-gradient(ellipse at 90% 100%,#2b5641,transparent 60%),#082f26;color:#fff;padding:30px;position:relative;overflow:hidden;isolation:isolate;min-height:330px}.analysis-feature:after{content:'';position:absolute;z-index:-1;bottom:-50px;right:-25px;width:290px;height:150px;border:1px solid #93af88;transform:rotate(-22deg);opacity:.35;background:repeating-linear-gradient(90deg,transparent 0,transparent 70px,#93af88 71px,transparent 72px)}.lime-rule{display:block;width:30px;height:4px;background:#b5f34e;margin-bottom:8px}.analysis-feature h2{font-size:30px;color:white}.analysis-feature>p{font-size:16px;line-height:1.35;margin-top:8px}.feature-teams{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:24px;font:18px Georgia,serif;text-align:center}.feature-teams .editorial-badge{background:#f3f4e6;color:#164534;width:38px;height:43px;flex-basis:38px}.feature-teams em{font-size:12px;font-weight:400;padding:0 8px}.analysis-feature .feature-date{font-size:12px;text-align:center;color:#c8d9cc}.analysis-tools{display:flex;justify-content:space-around;border-top:1px solid #527363;padding-top:14px;margin:20px 0;font:12px Georgia,serif;color:#d9e5d9}.lime-button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:12px 19px;background:#b8fc50;color:#102f22!important;font:14px Georgia,serif;text-decoration:none;border:0}.lime-button:hover{background:#d0ff85}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 16px}.section-heading>a{font:12px Georgia,serif}.editorial-note{font-size:8px;letter-spacing:1px;color:var(--text-muted)}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.story-card .editorial-photo{height:auto;aspect-ratio:2.45}.story-card .story-copy{padding-top:13px}.story-card strong{font-size:23px}.story-card .story-deck{font-size:15px;color:var(--text-secondary)}.archive-section{margin:34px 0 28px;padding-top:5px;border-top:1px solid var(--border-subtle)}.archive-section .section-deck{font-size:12px}.news-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border-subtle);margin-bottom:16px;overflow:auto}.news-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 0;color:var(--text-secondary);white-space:nowrap;cursor:pointer}.news-tabs button.selected{border-color:var(--accent-primary);color:var(--text-primary)}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.archive-story{padding:10px 0}.archive-story h3{font-size:19px;line-height:1.3;letter-spacing:-.4px;font-weight:600}.archive-read{display:block;font-size:11px;color:var(--text-muted);margin-top:12px}.archive-story:hover h3{text-decoration:underline}.editorial-empty{padding:30px 0!important;color:var(--text-muted);line-height:1.8;font-size:14px;grid-column:1/-1}.editorial-empty a{text-decoration:underline}.discovery-band{background:#0a382b;color:#fff;margin:32px -36px 0;padding:27px 36px;display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:24px;align-items:center}.discovery-band h2{font-size:31px;color:white}.discovery-band p{font-size:13px;margin-top:7px}.discovery-band>a{display:flex;gap:15px;align-items:center;border-left:1px solid #547266;padding-left:22px;font:14px Georgia,serif}.discovery-band>a>span{font-size:30px;color:#c0fc54}.discovery-band small{display:block;font-size:11px;font-weight:400;margin-top:7px}.editorial-footer{max-width:1368px;border:0;margin:0 auto;padding:25px 0;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.editorial-footer .footer-brand{font-size:28px;letter-spacing:-1px}.editorial-footer p{margin:0 auto;font:12px Georgia,serif}.editorial-footer small{margin:0;font-size:9px}.editorial-footer>div{width:100%;justify-content:center;gap:20px}.editorial-footer>div a,.editorial-footer button{font-size:11px}.editorial-footer button{border:0;background:none;color:var(--text-muted);cursor:pointer}.news-page{padding-top:40px}.news-page h1{max-width:900px;margin-bottom:40px}.editorial-reader{background:var(--bg-main);color:var(--text-primary);border:1px solid var(--border-subtle);padding:45px;max-width:700px;width:calc(100vw - 32px);max-height:85vh;overflow:auto;margin:auto;box-shadow:0 20px 90px #00180f55}.editorial-reader::backdrop{background:#001c19a6;backdrop-filter:blur(5px)}.reader-close{position:absolute;right:15px;top:8px;font-size:28px;border:0;background:none;color:inherit;cursor:pointer}.editorial-reader h2{font:700 38px/1.12 Georgia,serif;letter-spacing:-1px;margin:20px 0}.editorial-reader p{font:17px/1.75 Georgia,serif;margin-bottom:22px}.reader-deck{color:var(--text-muted)}
@media(min-width:1500px){.editorial-opening{grid-template-columns:1fr 220px}.editorial-home h1{font-size:64px}}
@media(max-width:1150px){.editorial-header{gap:22px;padding:0 28px}.header-motto{display:none}.editorial-header .website-nav{gap:20px}.editorial-header .search-container{flex-basis:180px}.editorial-opening{grid-template-columns:1fr 200px}.editorial-home h1{font-size:48px}.score-ribbon{gap:10px}.ribbon-label{flex-basis:110px;font-size:8px}.score-ribbon>a{gap:7px}.score-ribbon .editorial-badge{display:none}.hero-stories>.story{min-height:510px}.hero-stack .story-deck{font-size:13px}.story-overlay .story-copy{left:22px;right:22px;bottom:22px}.editorial-match{grid-template-columns:1fr 65px 1fr;gap:10px}.fixture-league{display:none}.match-feature-grid{gap:28px}.discovery-band{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:15px}.discovery-band h2{font-size:26px}.discovery-band>a{padding-left:15px;gap:10px}.editorial-category-bar small{font-size:7px;letter-spacing:1px}.story strong{font-size:24px}}
@media(max-width:850px){.editorial-header{flex-wrap:wrap;gap:0 22px;padding-top:17px}.editorial-header .site-brand{font-size:30px}.editorial-header .search-container{margin-left:auto;flex-basis:230px}.editorial-header .website-nav{order:3;width:100%;justify-content:space-between;margin-top:10px;gap:15px}.editorial-header .website-nav .nav-link{padding:15px 0 12px}.editorial-opening{grid-template-columns:1fr}.opening-aside{display:none}.editorial-home h1{font-size:51px}.hero-stories{grid-template-columns:1.45fr 1fr}.hero-stories>.story{min-height:490px}.story-overlay{min-height:235px}.hero-stories>.story strong{font-size:34px}.hero-stack .story-deck{display:none}.editorial-category-bar{gap:24px}.editorial-category-bar small{display:none}.match-feature-grid{grid-template-columns:1fr}.editorial-match{grid-template-columns:1fr 100px 1fr 110px}.fixture-league{display:block}.analysis-feature{min-height:300px}.story-card strong{font-size:21px}.discovery-band{grid-template-columns:repeat(3,1fr)}.discovery-band>div{grid-column:1/-1}.discovery-band>a:first-of-type{border:0;padding-left:0}.score-ribbon .ribbon-label{display:none}.ribbon-result strong{font-size:17px}.score-ribbon .ribbon-all{flex-basis:85px;font-size:11px}.editorial-footer small{width:100%;text-align:center}}
@media(max-width:560px){#main-content{padding:0 18px 18px}.editorial-header{padding:16px 18px 0;gap:12px}.editorial-header .site-brand{font-size:27px}.editorial-header .brand-ball{font-size:29px}.editorial-header .search-container{flex-basis:130px;width:130px;max-width:42%;min-width:0}.editorial-header .search-input{padding-left:27px!important;font-size:10px!important}.editorial-header .search-icon-wrapper{left:3px}.editorial-header .website-nav{margin-top:0;gap:10px}.editorial-header .website-nav .nav-link{font-size:11px}.score-ribbon{overflow-x:auto;min-height:75px;gap:0}.score-ribbon>a{flex:0 0 195px;padding:0 13px}.score-ribbon>a:first-of-type{border-left:0;padding-left:0}.score-ribbon .ribbon-all{flex-basis:100px}.editorial-opening{padding:25px 0 22px}.editorial-kicker{font-size:9px;letter-spacing:2px}.editorial-home h1{font-size:43px;letter-spacing:-1.7px;margin-top:12px}.hero-stories{grid-template-columns:1fr;gap:12px}.hero-stories>.story{min-height:390px}.hero-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:12px}.hero-stack .story{min-height:225px}.hero-stack .story-copy{left:13px;right:13px;bottom:15px}.hero-stack .story strong{font-size:21px;letter-spacing:-.5px}.hero-stories>.story strong{font-size:32px}.story-deck{font-size:14px}.story-category{font-size:8px}.editorial-category-bar{overflow:auto;white-space:nowrap;gap:22px;font-size:12px;min-height:60px}.editorial-home h2{font-size:29px}.section-deck{font-size:14px}.match-feature-grid{margin:24px 0;gap:25px}.match-actions{flex-wrap:wrap;gap:14px}.editorial-tabs button{padding:9px 19px}.editorial-match{grid-template-columns:1fr 68px 1fr;gap:8px;min-height:87px;font-size:12px}.fixture-team{gap:8px}.fixture-team .editorial-badge{width:25px;flex-basis:25px;height:31px;font-size:7px}.fixture-league{display:none}.analysis-feature{padding:25px}.feature-teams{font-size:16px;gap:12px}.section-heading{align-items:flex-start}.editorial-note{display:none}.story-grid{grid-template-columns:1fr;gap:24px}.story-card .editorial-photo{aspect-ratio:2.45}.story-card strong{font-size:24px}.story-card .story-deck{font-size:15px}.archive-grid{grid-template-columns:1fr;gap:15px}.archive-story{border-bottom:1px solid var(--border-subtle);padding-bottom:18px}.archive-section .section-heading{display:block}.archive-section .section-heading>a{display:inline-block;margin-top:10px}.news-tabs{gap:22px}.discovery-band{margin:28px -18px 0;padding:28px 18px;grid-template-columns:1fr;gap:23px}.discovery-band>div{grid-column:auto}.discovery-band>a{border-left:0;padding-left:0}.discovery-band h2{font-size:28px}.editorial-footer{justify-content:center;padding:23px 0;gap:14px}.editorial-footer p{margin:0;width:100%;text-align:center}.editorial-footer>div{gap:15px}.editorial-reader{padding:35px 24px}.editorial-reader h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.editorial-photo{transition:none}}
.club-crest{width:32px;height:37px;flex:0 0 32px;object-fit:contain}.feature-teams .club-crest{width:40px;height:46px;flex-basis:40px}
.hero-stack .story-overlay:after{background:linear-gradient(0deg,#00180f 0%,#00180f 43%,rgba(0,24,15,.8) 56%,transparent 79%)}
.editorial-opening{grid-template-columns:minmax(0,1fr) 195px;gap:24px}.editorial-home h1{font-size:clamp(36px,4.05vw,58px);letter-spacing:-2.3px}.editorial-home .story strong{font-weight:600}.story-deck{font-weight:400}.editorial-header .site-brand{font-family:Arial,Helvetica,sans-serif!important}.editorial-home h1,.editorial-home h2,.editorial-home h3{font-family:Georgia,'Times New Roman',serif!important}.discovery-band{grid-template-columns:1.9fr 1fr 1fr 1fr}
@media(min-width:1100px){.editorial-home h1{font-size:clamp(38px,3.5vw,51px);white-space:nowrap;letter-spacing:-2.1px}.editorial-opening{padding-top:30px;padding-bottom:27px}.hero-stories>.story{min-height:510px}.story-overlay{min-height:247px}}
@media(max-width:850px){.editorial-opening{grid-template-columns:1fr}.editorial-home h1{font-size:51px}.discovery-band{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.editorial-home h1{font-size:43px;letter-spacing:-1.7px}.discovery-band{grid-template-columns:1fr}.fixture-team .club-crest{width:25px;height:31px;flex-basis:25px}.hero-stack .story-overlay:after{background:linear-gradient(0deg,#00180f 0%,#00180f 44%,rgba(0,24,15,.65) 65%,transparent 88%)}}
.editorial-footer .footer-brand{display:inline-flex;align-items:center;gap:8px}.editorial-footer button{display:inline-flex;align-items:center;gap:5px}.discovery-icon{display:inline-flex;align-items:center;flex-shrink:0}.reader-close{display:grid;place-items:center;padding:8px}.fl-icon{flex-shrink:0;vertical-align:middle}

/* Footlytics New Official Brand Logo */
.site-logo {
  display: block;
  height: 36px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  flex-shrink: 0;
  transition: opacity 0.2s ease;
}

.site-logo.footer-logo {
  height: 28px;
}

/* Light & Dark Mode Dynamic Switching */
:root[data-theme="light"] .site-logo-dark,
:root:not([data-theme="dark"]) .site-logo-dark {
  display: none !important;
}

:root[data-theme="light"] .site-logo-light,
:root:not([data-theme="dark"]) .site-logo-light {
  display: block !important;
}

:root[data-theme="dark"] .site-logo-light {
  display: none !important;
}

:root[data-theme="dark"] .site-logo-dark {
  display: block !important;
}

/* Mobile Responsive Proportions */
@media (max-width: 560px) {
  .site-logo {
    height: 28px;
  }
  .site-logo.footer-logo {
    height: 24px;
  }
}

/* ESPN & Editorial Source Images Support (Lazy Loading & Zero Layout Shift) */
.editorial-photo-container {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  background-color: #12362d;
}
.editorial-photo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease, filter 0.25s ease;
}
.story:hover .editorial-photo-img {
  transform: scale(1.03);
  filter: brightness(1.08);
}
.story-card .editorial-photo-container {
  position: relative;
  inset: auto;
  aspect-ratio: 2.45;
  height: auto;
}
.editorial-photo-credit {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 8.5px;
  font-family: Arial, sans-serif;
  letter-spacing: 0.2px;
  line-height: 1.2;
  background: rgba(9, 43, 45, 0.88);
  color: #d1fae5;
  padding: 3px 7px;
  border-radius: 3px;
  backdrop-filter: blur(4px);
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  z-index: 2;
  border: 1px solid rgba(184, 252, 80, 0.25);
}
.club-crest {
  width: 32px;
  height: 37px;
  flex: 0 0 32px;
  object-fit: contain;
  transition: opacity 0.2s ease;
}
.archive-img-wrap img {
  transition: transform 0.3s ease;
}
.archive-story:hover .archive-img-wrap img {
  transform: scale(1.03);
}

/* ========================================================
   PLAYER SIMILARITY & SCOUTING RADAR (EDD WEBSTER MODEL)
   ======================================================== */
.scouting-grid-container {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 20px;
}
@media (max-width: 900px) {
  .scouting-grid-container {
    grid-template-columns: 1fr;
  }
}
.similarity-card {
  background: var(--bg-surface);
  border: 1px solid var(--border-subtle);
  border-radius: 8px;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  transition: all 0.2s ease;
  cursor: pointer;
}
.similarity-card:hover {
  border-color: var(--accent-primary);
  background: rgba(184, 252, 80, 0.04);
}
.similarity-card.active {
  border-color: #60A5FA;
  background: rgba(96, 165, 250, 0.08);
  box-shadow: 0 0 0 1px #60A5FA;
}
.similarity-score-pill {
  font-family: monospace;
  font-weight: 800;
  font-size: 13px;
  padding: 4px 8px;
  border-radius: 4px;
  background: rgba(0, 216, 138, 0.15);
  color: var(--accent-primary);
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.p90-compare-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
  margin-top: 14px;
}
.p90-compare-table th {
  padding: 6px 8px;
  background: var(--bg-surface);
  color: var(--text-muted);
  text-align: left;
  border-bottom: 1px solid var(--border-subtle);
}
.p90-compare-table td {
  padding: 6px 8px;
  border-bottom: 1px solid var(--border-subtle);
  color: var(--text-primary);
  font-family: monospace;
}

/* ProphitBet ML & Value Predictor Styles */
.pb-hero-banner {
  background: linear-gradient(135deg, rgba(9, 43, 45, 0.95) 0%, rgba(17, 27, 43, 0.95) 100%);
  border: 1px solid rgba(184, 252, 80, 0.25);
  border-radius: 12px;
  padding: 20px 24px;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}
.pb-hero-banner::after {
  content: '';
  position: absolute;
  top: -50px;
  right: -50px;
  width: 140px;
  height: 140px;
  background: radial-gradient(circle, rgba(184, 252, 80, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.pb-pill-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: rgba(184, 252, 80, 0.15);
  color: #B8FC50;
  border: 1px solid rgba(184, 252, 80, 0.3);
}
.pb-grid-2col {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}
.pb-grid-3col {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
  margin-bottom: 20px;
}
.pb-metric-box {
  background: var(--bg-surface);
  border: 1px solid var(--border-subtle);
  border-radius: 8px;
  padding: 14px;
}
.pb-rule-item {
  background: var(--bg-surface);
  border: 1px solid var(--border-subtle);
  border-left: 4px solid var(--accent-primary);
  border-radius: 6px;
  padding: 14px 16px;
  margin-bottom: 10px;
  transition: transform 0.15s ease;
}
.pb-rule-item:hover {
  transform: translateX(3px);
  border-color: var(--accent-primary);
}
.pb-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.pb-table th {
  padding: 10px 12px;
  background: var(--bg-surface);
  color: var(--text-secondary);
  font-weight: 700;
  text-align: left;
  border-bottom: 1px solid var(--border-subtle);
}
.pb-table td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--border-subtle);
  color: var(--text-primary);
}
.pb-form-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  font-weight: 800;
  font-size: 11px;
  font-family: monospace;
}
.pb-form-w { background: rgba(0, 216, 138, 0.2); color: #00D88A; }
.pb-form-d { background: rgba(148, 163, 184, 0.2); color: #94A3B8; }
.pb-form-l { background: rgba(239, 68, 68, 0.2); color: #EF4444; }