/* Predict2U Full Board stability layer v218.
   Critical page geometry is local and does not depend on the Tailwind CDN. */
html,body{margin:0!important;width:100%;max-width:100%;overflow-x:hidden}
body{min-height:100dvh}
.p2u-engines-nav{position:sticky;top:0;z-index:50;background:rgba(10,10,15,.96)!important;border-bottom:1px solid var(--line,#1b1b21);backdrop-filter:blur(14px)}
.p2u-engines-nav>.p2u-engines-nav-inner{width:min(100%,1280px);height:64px;min-height:64px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:22px}
.p2u-engines-nav .p2u-engines-brand{display:flex;align-items:center;flex:0 0 auto;min-width:0}
.p2u-engines-nav .nav-logo{display:block!important;width:auto!important;height:46px!important;max-width:188px!important;max-height:46px!important;object-fit:contain!important}
.p2u-engines-nav .p2u-engines-links{display:flex;align-items:center;justify-content:center;gap:22px;margin-left:auto;margin-right:auto;min-width:0;white-space:nowrap}
.p2u-engines-nav .p2u-engines-links a{font-size:13px;color:var(--ink-2,#b8b8b9)}
.p2u-engines-nav .p2u-engines-overview{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid var(--line-2,#28282b);border-radius:999px;color:var(--ink-2,#b8b8b9);font-size:12px;white-space:nowrap;flex:0 0 auto}
#snapshot,#bankers,#board{width:min(100%,1280px)!important;max-width:1280px!important;margin-left:auto!important;margin-right:auto!important}
#snapshot{padding:40px 24px!important}
#snapshot h1{margin:8px 0 0!important;max-width:900px;font-size:clamp(38px,4vw,54px)!important;line-height:1.02!important;letter-spacing:-.035em;overflow-wrap:normal!important;word-break:normal!important}
#snapshot #page-sub{margin-top:14px!important;max-width:720px}
#snapshot .stat-grid{width:min(100%,720px);max-width:720px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
#snapshot .stat-grid>.glass{min-width:0}
#bankers{padding-left:24px!important;padding-right:24px!important}
#top-bankers-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
#ranked-explainer{width:100%}
#board{padding-left:24px!important;padding-right:24px!important}
#board>.grid{display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;gap:20px!important;align-items:start!important}
#board aside{min-width:0}
#matches-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
#matches-grid>*{min-width:0}
.top-banker-card,.p2u-standard-card{min-width:0;overflow:hidden}
.p2u-standard-card .p2u-card-actions,.top-banker-card .tb-actions{min-width:0}
#p2u-slip-fab{z-index:70}
@media(max-width:1180px){
  .p2u-engines-nav .p2u-engines-links{display:none!important}
  .p2u-engines-nav>.p2u-engines-nav-inner{justify-content:space-between}
  #top-bankers-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  #snapshot,#bankers,#board{max-width:100%!important}
  #snapshot{padding:28px 18px!important}
  #bankers,#board{padding-left:18px!important;padding-right:18px!important}
  #top-bankers-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #board>.grid{grid-template-columns:1fr!important}
  #board aside{position:static!important;top:auto!important}
  #matches-grid{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  .p2u-engines-nav>.p2u-engines-nav-inner{height:68px;min-height:68px;padding:0 14px;gap:10px}
  .p2u-engines-nav .nav-logo{height:44px!important;max-height:44px!important;max-width:170px!important}
  .p2u-engines-nav .p2u-engines-overview{min-height:38px;padding:0 11px;font-size:11px}
  #snapshot{padding:24px 14px 26px!important}
  #snapshot h1{font-size:34px!important;line-height:1.04!important}
  #snapshot #page-sub{font-size:13px!important;line-height:1.5}
  #snapshot .stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:20px!important}
  #snapshot .stat-grid>.glass{padding:13px 10px!important;border-radius:17px!important}
  #snapshot .stat-grid .text-5xl{font-size:2rem!important}
  #bankers,#board{padding-left:14px!important;padding-right:14px!important}
  #bankers .font-display.text-3xl{font-size:28px!important;line-height:1.08}
  #top-bankers-grid{grid-template-columns:1fr!important;gap:12px!important}
  #board>.grid{gap:14px!important}
  #board aside{padding:16px!important;border-radius:20px!important}
  #engine-filters,#market-filters,#conflict-filters,#date-filters{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;scrollbar-width:none;padding-bottom:6px}
  #engine-filters::-webkit-scrollbar,#market-filters::-webkit-scrollbar,#conflict-filters::-webkit-scrollbar,#date-filters::-webkit-scrollbar{display:none}
  #engine-filters .fchip,#market-filters .fchip,#conflict-filters .fchip,#date-filters .fchip{flex:0 0 auto!important}
}
@media(max-width:360px){
  .p2u-engines-nav .nav-logo{max-width:145px!important;height:40px!important;max-height:40px!important}
  .p2u-engines-nav .p2u-engines-overview{padding:0 9px;font-size:10px}
  #snapshot .stat-grid{grid-template-columns:1fr!important}
  #snapshot .stat-grid>.glass{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}
  #snapshot .stat-grid .text-5xl{margin-top:0!important}
}