:root{
  --navy:#10243e;
  --navy2:#173858;
  --blue:#21527e;
  --gold:#f2bd48;
  --gold2:#dfa52e;
  --green:#1b8f60;
  --red:#c84747;

  --bg:#f3f6fa;
  --surface:#ffffff;
  --surface2:#f8fafc;

  --text:#18283c;
  --muted:#687b90;
  --line:#dce4ee;

  --shadow:0 10px 30px rgba(26,47,73,.10);
  --radius:18px;
}

*{box-sizing:border-box}

html,body{
  margin:0;
  padding:0;
  min-height:100%;
}

body{
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif;

  background:var(--bg);
  color:var(--text);
}

a{
  color:inherit;
  text-decoration:none;
}

button,input,select{
  font:inherit;
}

.site-header{
  background:#fff;
  border-bottom:1px solid var(--line);
  position:sticky;
  top:0;
  z-index:100;
}

.site-header-inner{
  max-width:1380px;
  margin:0 auto;
  min-height:74px;
  padding:0 24px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.brand{
  display:flex;
  align-items:center;
  gap:12px;
}

.brand img{
  width:46px;
  height:46px;
  border-radius:12px;
}

.brand-name{
  font-weight:900;
  font-size:19px;
  color:var(--navy);
}

.brand-tag{
  font-size:12px;
  color:var(--muted);
  margin-top:2px;
}

.main-nav{
  display:flex;
  align-items:center;
  gap:6px;
}

.main-nav a{
  padding:10px 13px;
  border-radius:10px;
  color:#536a81;
  font-size:14px;
  font-weight:750;
}

.main-nav a:hover,
.main-nav a.active{
  background:#edf3f8;
  color:var(--navy);
}

.header-actions{
  display:flex;
  align-items:center;
  gap:9px;
}

.button{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:8px;

  min-height:44px;
  padding:0 18px;

  border-radius:11px;
  border:1px solid transparent;

  cursor:pointer;
  font-weight:800;
  font-size:14px;
}

.button-primary{
  background:
    linear-gradient(
      135deg,
      var(--gold),
      var(--gold2)
    );

  color:#172337;
}

.button-navy{
  background:var(--navy);
  color:#fff;
}

.button-light{
  background:#fff;
  border-color:#ccd8e5;
  color:var(--navy);
}

.button-soft{
  background:#edf3f8;
  color:var(--navy);
}

.page{
  width:min(1380px,calc(100% - 32px));
  margin:0 auto;
  padding:26px 0 44px;
}

.hero{
  display:grid;
  grid-template-columns:1.06fr .94fr;
  gap:34px;
  align-items:center;

  background:#fff;
  border:1px solid var(--line);
  border-radius:26px;
  padding:44px;

  box-shadow:var(--shadow);
  overflow:hidden;
  position:relative;
}

.hero:after{
  content:"";
  position:absolute;
  width:340px;
  height:340px;
  right:-100px;
  top:-120px;
  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(242,189,72,.24),
      rgba(242,189,72,0)
    );
}

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:7px;

  background:#fff7df;
  border:1px solid #f0d58e;
  color:#755308;

  padding:7px 11px;
  border-radius:999px;

  font-size:12px;
  font-weight:850;
}

.hero h1{
  margin:16px 0 14px;
  max-width:760px;

  font-size:clamp(36px,5vw,62px);
  line-height:1.02;
  letter-spacing:-1.8px;

  color:var(--navy);
}

.hero-copy{
  max-width:720px;
  font-size:18px;
  line-height:1.65;
  color:#5d7186;
}

.hero-actions{
  margin-top:25px;
  display:flex;
  flex-wrap:wrap;
  gap:11px;
}

.hero-points{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:20px;
}

.soft-pill{
  display:inline-flex;
  align-items:center;
  min-height:31px;
  padding:0 11px;

  border-radius:999px;
  border:1px solid #dae4ef;
  background:#f7f9fc;

  color:#587087;
  font-size:12px;
  font-weight:750;
}

.hero-demo{
  position:relative;
  z-index:2;

  background:
    linear-gradient(
      150deg,
      #15304f,
      #0f223b
    );

  padding:20px;
  border-radius:24px;
  box-shadow:0 20px 45px rgba(17,37,61,.22);
}

.demo-window{
  background:#f7f9fc;
  border-radius:18px;
  padding:16px;
}

.demo-title{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;

  margin-bottom:13px;
  font-weight:900;
  color:var(--navy);
}

.demo-race{
  background:#fff;
  border:1px solid #dce5ee;
  border-radius:15px;
  padding:14px;
  margin-top:10px;
}

.demo-race-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
}

.demo-runner{
  display:grid;
  grid-template-columns:31px 1fr auto;
  align-items:center;
  gap:10px;

  padding:9px;
  margin-top:7px;

  border-radius:11px;
  background:#f4f7fa;
}

.demo-no{
  width:31px;
  height:31px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:8px;
  background:var(--gold);

  font-size:13px;
  font-weight:900;
}

.demo-price{
  color:var(--navy);
  font-size:12px;
  font-weight:850;
}

.stat-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:18px;
}

.stat{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:17px;
  box-shadow:0 5px 18px rgba(33,58,85,.06);
}

.stat-label{
  color:#77899a;
  font-size:11px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.8px;
}

.stat-value{
  color:var(--navy);
  font-size:31px;
  font-weight:950;
  margin-top:7px;
}

.stat-note{
  margin-top:6px;
  color:#73859a;
  font-size:12px;
  line-height:1.45;
}

.section{
  margin-top:24px;
}

.section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;

  margin-bottom:14px;
}

.section-title{
  margin:0;
  color:var(--navy);
  font-size:25px;
  letter-spacing:-.35px;
}

.section-copy{
  margin:5px 0 0;
  color:var(--muted);
  line-height:1.55;
  font-size:14px;
}

.card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow);
}

.card-pad{
  padding:20px;
}

.grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.grid-3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.feature h3{
  margin:0 0 7px;
  color:var(--navy);
  font-size:18px;
}

.feature p{
  margin:0;
  color:var(--muted);
  line-height:1.6;
  font-size:14px;
}

.feature-icon{
  width:42px;
  height:42px;
  border-radius:11px;

  display:flex;
  align-items:center;
  justify-content:center;

  background:#eef4f9;
  margin-bottom:12px;

  font-size:20px;
}

.pricing-card{
  background:
    linear-gradient(
      135deg,
      #fefcf5,
      #fff
    );

  border:1px solid #ecdcae;
  border-radius:20px;
  padding:24px;
}

.price{
  color:var(--navy);
  font-size:47px;
  font-weight:950;
  letter-spacing:-2px;
}

.price small{
  font-size:15px;
  letter-spacing:0;
  color:var(--muted);
}

.check-list{
  display:grid;
  gap:9px;
  margin:17px 0;
  color:#4f657b;
  font-size:14px;
}

.app-top{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:20px;

  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;

  box-shadow:var(--shadow);
}

.app-top h1{
  margin:0;
  color:var(--navy);
  font-size:30px;
}

.app-top p{
  margin:5px 0 0;
  color:var(--muted);
  font-size:14px;
}

.toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:end;
  gap:11px;
}

.field{
  display:grid;
  gap:6px;
}

.field label{
  font-size:11px;
  font-weight:850;
  color:#6c8094;
  text-transform:uppercase;
  letter-spacing:.6px;
}

input,
select{
  min-height:44px;

  border:1px solid #ccd9e6;
  border-radius:10px;

  background:#fff;
  color:var(--text);

  padding:0 12px;
  outline:none;
}

input:focus,
select:focus{
  border-color:#9db7cf;
  box-shadow:0 0 0 3px rgba(33,82,126,.10);
}

.meeting-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.meeting-tab{
  border:1px solid #cfdae6;
  background:#fff;
  color:#526b82;

  padding:9px 13px;
  border-radius:10px;

  cursor:pointer;
  font-size:13px;
  font-weight:800;
}

.meeting-tab.active{
  background:var(--navy);
  color:#fff;
  border-color:var(--navy);
}

.race-list{
  display:grid;
  gap:16px;
}

.race-card{
  background:#fff;
  border:1px solid #ccd8e5;
  border-radius:18px;
  box-shadow:0 5px 17px rgba(30,52,75,.06);
  overflow:hidden;
}

.race-head{
  padding:15px 17px;

  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;

  border-bottom:1px solid #e5ebf2;
  background:#fbfcfe;
}

.race-name{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

.race-no{
  color:var(--navy);
  font-weight:950;
  font-size:17px;
}

.race-meta{
  color:#71849a;
  font-size:12px;
  font-weight:700;
}

.bias{
  border-radius:9px;
  background:#edf3f8;
  padding:7px 9px;

  color:#4c667e;
  font-size:11px;
  font-weight:850;
  text-transform:uppercase;
}

.runner-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;

  padding:12px;
}

.runner{
  position:relative;

  min-width:0;
  min-height:190px;

  border:1px solid #cbd6e2;
  border-radius:13px;

  padding:12px;
  background:#fff;
}

.runner.finish-1{
  background:#f7e7a6;
}

.runner.finish-2{
  background:#dce3e8;
}

.runner.finish-3{
  background:#e2b49b;
}

.runner-top{
  display:grid;
  grid-template-columns:31px 36px minmax(0,1fr);
  align-items:center;
  gap:8px;
}

.runner-number{
  width:31px;
  height:31px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:8px;
  background:#f5c544;

  color:#1e2936;
  font-weight:950;
  font-size:13px;
}

.runner-silk{
  width:34px;
  height:44px;
  object-fit:contain;
}

.runner-silk-placeholder{
  width:34px;
  height:44px;
}

.runner-name{
  min-width:0;

  color:#163555;
  font-size:14px;
  font-weight:950;
  line-height:1.15;

  overflow-wrap:anywhere;
}

.prices{
  margin-top:12px;

  display:flex;
  gap:12px;
  flex-wrap:wrap;

  font-size:12px;
  color:#597086;
}

.prices strong{
  color:#172b40;
  font-size:14px;
}

.runner-detail{
  margin-top:10px;

  display:grid;
  gap:7px;

  color:#596f84;
  font-size:11px;
  line-height:1.35;
}

.runner-detail strong{
  color:#2b4056;
}

.runner-bottom{
  margin-top:10px;
  padding-top:9px;

  border-top:1px solid rgba(85,107,128,.15);

  display:flex;
  justify-content:space-between;
  gap:7px;
  flex-wrap:wrap;

  color:#597086;
  font-size:11px;
}

.table-wrap{
  overflow:auto;
}

table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
}

th,td{
  padding:13px 12px;
  border-bottom:1px solid #e6ecf2;
  text-align:left;
  font-size:13px;
}

th{
  background:#f8fafc;
  color:#708398;

  font-size:11px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.65px;
}

tr:last-child td{
  border-bottom:0;
}

.status-good{
  color:var(--green);
  font-weight:850;
}

.login-layout{
  min-height:100vh;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  background:#eef3f8;
}

.login-art{
  position:relative;
  overflow:hidden;

  background:
    linear-gradient(
      145deg,
      #183858,
      #10243e
    );

  color:#fff;
  padding:60px;

  display:flex;
  flex-direction:column;
  justify-content:center;
}

.login-art:after{
  content:"";
  position:absolute;

  width:470px;
  height:470px;
  right:-180px;
  bottom:-150px;

  border-radius:50%;
  background:rgba(242,189,72,.13);
}

.login-art h1{
  position:relative;
  z-index:2;

  font-size:48px;
  line-height:1.04;
  margin:18px 0 13px;
  max-width:620px;
}

.login-art p{
  position:relative;
  z-index:2;

  color:#dce7f1;
  font-size:17px;
  line-height:1.65;
  max-width:620px;
}

.login-main{
  display:flex;
  align-items:center;
  justify-content:center;

  padding:30px;
}

.login-box{
  width:min(470px,100%);

  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;

  padding:30px;
  box-shadow:var(--shadow);
}

.login-box h2{
  margin:18px 0 7px;

  color:var(--navy);
  font-size:30px;
}

.login-box p{
  margin:0 0 20px;
  color:var(--muted);
  line-height:1.55;
  font-size:14px;
}

.login-box .field{
  margin-bottom:14px;
}

.login-box input{
  width:100%;
  min-height:49px;
}

.mobile-nav{
  display:none;
}

.footer{
  margin-top:30px;
  padding:22px 0;

  color:#77899b;
  font-size:12px;
  text-align:center;
}

@media(max-width:1100px){

  .runner-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .stat-row{
    grid-template-columns:1fr 1fr;
  }

  .hero{
    grid-template-columns:1fr;
  }
}

@media(max-width:800px){

  body{
    padding-bottom:67px;
  }

  .site-header-inner{
    min-height:63px;
    padding:0 13px;
  }

  .main-nav,
  .header-actions{
    display:none;
  }

  .brand img{
    width:40px;
    height:40px;
  }

  .page{
    width:min(100% - 20px,1380px);
    padding-top:12px;
  }

  .hero{
    padding:24px;
    border-radius:18px;
  }

  .hero h1{
    font-size:38px;
  }

  .hero-copy{
    font-size:15px;
  }

  .grid-2,
  .grid-3,
  .login-layout{
    grid-template-columns:1fr;
  }

  .login-art{
    min-height:300px;
    padding:30px 24px;
  }

  .login-art h1{
    font-size:36px;
  }

  .login-main{
    padding:20px 12px;
  }

  .app-top{
    align-items:flex-start;
    flex-direction:column;
  }

  .runner-grid{
    grid-template-columns:1fr;
  }

  .runner{
    min-height:0;
  }

  .mobile-nav{
    display:grid;

    grid-template-columns:repeat(4,1fr);

    position:fixed;
    left:0;
    right:0;
    bottom:0;

    z-index:200;

    height:65px;

    background:#fff;
    border-top:1px solid #dce4ed;
  }

  .mobile-nav a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    gap:3px;

    color:#62778c;
    font-size:10px;
    font-weight:800;
  }

  .mobile-nav a span{
    font-size:20px;
  }

  .mobile-nav a.active{
    color:var(--navy);
    background:#f5f8fb;
  }
}


.performance-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:16px;
}

.performance-stat{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:18px;
  box-shadow:0 5px 18px rgba(33,58,85,.06);
}

.performance-stat .number{
  font-size:34px;
  font-weight:950;
  color:var(--navy);
  line-height:1;
}

.performance-stat .label{
  margin-top:8px;
  color:#72859a;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.7px;
}

.dashboard-hero{
  background:
    linear-gradient(
      125deg,
      #ffffff 0%,
      #ffffff 60%,
      #f8efd7 100%
    );
}

.dashboard-highlight{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:16px;
}

.daily5-callout{
  background:
    linear-gradient(
      140deg,
      #173858,
      #10243e
    );
  color:#fff;
  border-radius:18px;
  padding:24px;
  box-shadow:var(--shadow);
}

.daily5-callout h2{
  margin:0 0 8px;
  font-size:28px;
}

.daily5-callout p{
  margin:0;
  color:#dce7f1;
  line-height:1.65;
}

.daily5-callout .button{
  margin-top:18px;
}

.metric-note{
  color:#74879b;
  font-size:12px;
  margin-top:7px;
  line-height:1.4;
}

@media(max-width:900px){
  .performance-grid,
  .dashboard-highlight{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:650px){
  .performance-grid,
  .dashboard-highlight{
    grid-template-columns:1fr;
  }
}


/* ==========================================================
   DAILY RACING 5 PREMIUM PRODUCT LAYER
   ========================================================== */

:root{
  --premium-navy:#10243e;
  --premium-blue:#1e527d;
  --premium-gold:#f2bd48;
  --premium-gold-dark:#d79b24;
  --premium-surface:#ffffff;
  --premium-bg:#f4f7fb;
  --premium-muted:#6c8094;
  --premium-border:#dbe4ed;
}

body{
  background:
    linear-gradient(
      180deg,
      #f7f9fc 0%,
      #eef3f8 100%
    );
}

.site-header{
  box-shadow:
    0 6px 26px rgba(24,45,69,.07);
}

.site-header-inner{
  min-height:78px;
}

.brand-name{
  letter-spacing:-.25px;
}

.main-nav a{
  transition:
    background .15s ease,
    color .15s ease,
    transform .15s ease;
}

.main-nav a:hover{
  transform:translateY(-1px);
}

.page{
  padding-top:30px;
}

.card,
.stat,
.performance-stat,
.race-card,
.app-top{
  transition:
    transform .15s ease,
    box-shadow .15s ease,
    border-color .15s ease;
}

.stat:hover,
.performance-stat:hover{
  transform:translateY(-2px);
  box-shadow:
    0 14px 30px rgba(31,55,82,.10);
}

.app-top{
  border-radius:22px;
  padding:24px;
}

.section-title{
  font-size:27px;
  letter-spacing:-.6px;
}

.stat-value,
.performance-stat .number{
  letter-spacing:-1px;
}

.table-wrap{
  border-radius:0 0 18px 18px;
}

table tbody tr{
  transition:background .12s ease;
}

table tbody tr:hover{
  background:#f8fafc;
}

.race-card{
  border-radius:20px;
  overflow:hidden;
}

.race-head{
  padding:16px 18px;
  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f7f9fc 100%
    );
}

.race-no{
  font-size:18px;
}

.runner{
  border-radius:15px;
  padding:13px;
}

.runner-name{
  font-size:14px;
  letter-spacing:-.1px;
}

.prices strong{
  font-size:15px;
}

.bias{
  background:#edf3f8;
  border:1px solid #d9e3ed;
}

.button{
  box-shadow:none;
  transition:
    transform .14s ease,
    box-shadow .14s ease;
}

.button:hover{
  transform:translateY(-1px);
}

.button-primary:hover{
  box-shadow:
    0 8px 20px rgba(218,157,38,.22);
}

.member-notice{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;

  padding:12px 16px;
  margin-bottom:16px;

  border:1px solid #e7d59c;
  border-radius:13px;

  background:
    linear-gradient(
      90deg,
      #fff9e9,
      #fffdf7
    );

  color:#68511b;
  font-size:12px;
  line-height:1.5;
}

.member-notice strong{
  color:#42310a;
}

.responsible-link{
  font-weight:800;
  text-decoration:underline;
}

.product-footer{
  margin-top:28px;

  border-top:1px solid #dde5ed;

  padding:22px 4px 78px;

  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:12px;

  color:#75889a;
  font-size:12px;
}

.product-footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}

.product-footer a{
  color:#425f7b;
  font-weight:750;
}

.responsible-hero{
  background:
    linear-gradient(
      135deg,
      #ffffff,
      #f9fbfd
    );

  border:1px solid var(--line);
  border-radius:22px;
  padding:28px;
  box-shadow:var(--shadow);
}

.responsible-hero h1{
  margin:10px 0 10px;
  font-size:36px;
  color:var(--navy);
}

.responsible-hero p{
  max-width:820px;
  color:var(--muted);
  line-height:1.7;
}

.help-card{
  border:1px solid #d7e1ea;
  border-radius:18px;
  padding:21px;
  background:#fff;
}

.help-card h3{
  margin:0 0 7px;
  color:var(--navy);
}

.help-card p{
  margin:0;
  color:var(--muted);
  line-height:1.65;
}

.help-number{
  margin-top:12px;
  font-size:31px;
  font-weight:950;
  color:var(--navy);
}

.warning-card{
  background:#fff8e7;
  border:1px solid #ead18a;
  border-radius:18px;
  padding:21px;
}

.warning-card h3{
  margin:0 0 8px;
  color:#5e470b;
}

.warning-card p{
  margin:0;
  line-height:1.65;
  color:#705b25;
}

/* ==========================================================
   DR5 ASSISTANT
   ========================================================== */

.dr5-assistant-button{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:500;

  width:60px;
  height:60px;

  border:none;
  border-radius:50%;

  background:
    linear-gradient(
      135deg,
      #183b60,
      #10243e
    );

  color:white;

  display:flex;
  align-items:center;
  justify-content:center;

  cursor:pointer;

  font-size:25px;

  box-shadow:
    0 12px 32px rgba(16,36,62,.28);
}

.dr5-assistant-button:after{
  content:"Ask DR5";

  position:absolute;
  right:68px;

  white-space:nowrap;

  padding:7px 10px;

  border-radius:8px;

  background:#10243e;
  color:white;

  font-size:11px;
  font-weight:800;

  opacity:0;
  pointer-events:none;

  transition:opacity .15s ease;
}

.dr5-assistant-button:hover:after{
  opacity:1;
}

.dr5-assistant-panel{
  position:fixed;

  right:22px;
  bottom:92px;

  z-index:501;

  width:min(390px,calc(100vw - 28px));
  max-height:min(650px,calc(100vh - 120px));

  display:none;
  flex-direction:column;

  border-radius:22px;

  overflow:hidden;

  background:#fff;

  border:1px solid #d9e2eb;

  box-shadow:
    0 24px 60px rgba(21,40,62,.24);
}

.dr5-assistant-panel.open{
  display:flex;
}

.dr5-assistant-head{
  padding:17px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;

  background:
    linear-gradient(
      135deg,
      #173858,
      #10243e
    );

  color:#fff;
}

.dr5-assistant-brand{
  display:flex;
  align-items:center;
  gap:10px;
}

.dr5-assistant-brand img{
  width:38px;
  height:38px;
  border-radius:9px;
}

.dr5-assistant-title{
  font-size:15px;
  font-weight:900;
}

.dr5-assistant-sub{
  font-size:11px;
  opacity:.78;
  margin-top:2px;
}

.dr5-assistant-close{
  border:0;
  background:rgba(255,255,255,.11);

  color:#fff;

  width:34px;
  height:34px;

  border-radius:9px;
  cursor:pointer;
}

.dr5-assistant-body{
  padding:14px;

  overflow:auto;

  background:#f7f9fc;

  display:grid;
  gap:10px;
}

.dr5-message{
  max-width:92%;

  padding:10px 12px;

  border-radius:13px;

  font-size:13px;
  line-height:1.55;
}

.dr5-message.bot{
  background:#fff;
  border:1px solid #dfe7ef;
  color:#324a61;
}

.dr5-message.user{
  margin-left:auto;

  background:#173858;
  color:#fff;
}

.dr5-assistant-suggestions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.dr5-question{
  border:1px solid #cfdbe6;
  background:#fff;

  border-radius:999px;

  padding:7px 10px;

  color:#3d5871;

  cursor:pointer;

  font-size:11px;
  font-weight:750;
}

.dr5-question:hover{
  background:#edf3f8;
}

.dr5-assistant-form{
  padding:12px;

  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;

  border-top:1px solid #dde5ed;

  background:#fff;
}

.dr5-assistant-form input{
  width:100%;
  min-width:0;
}

.dr5-assistant-send{
  border:0;
  border-radius:10px;

  min-width:48px;

  background:#f2bd48;
  color:#172337;

  font-weight:900;

  cursor:pointer;
}

@media(max-width:800px){

  .dr5-assistant-button{
    right:14px;
    bottom:80px;
  }

  .dr5-assistant-panel{
    right:10px;
    bottom:148px;
  }

  .product-footer{
    padding-bottom:95px;
  }

}


/* ==========================================================
   DAILY RACING 5 - PREMIUM DESKTOP RACE CARD V2
   ========================================================== */

body{
  font-size:16px;
  background:
    linear-gradient(
      180deg,
      #eef3f8 0%,
      #f6f8fb 55%,
      #edf2f7 100%
    );
}

.page{
  width:calc(100% - 32px) !important;
  max-width:1640px !important;
  padding-top:24px !important;
}

.site-header-inner{
  width:calc(100% - 32px);
  max-width:1640px;
}

.site-header{
  background:rgba(255,255,255,.97);
}

.brand-name{
  font-size:20px;
}

.brand-tag{
  font-size:13px;
}

.main-nav a{
  font-size:15px;
  padding:11px 15px;
}

.button{
  min-height:46px;
  font-size:15px;
}

.member-notice{
  font-size:14px;
  padding:13px 17px;
}

.app-top{
  padding:27px 30px !important;
  border-radius:22px !important;
  background:
    linear-gradient(
      120deg,
      #ffffff 0%,
      #ffffff 70%,
      #f4f7fb 100%
    ) !important;
}

.app-top h1{
  font-size:38px !important;
  letter-spacing:-1px;
}

.app-top p{
  font-size:16px !important;
  margin-top:7px !important;
}

.field label{
  font-size:12px;
}

select{
  min-height:48px;
  font-size:15px;
  padding:0 14px;
}

.desktop-racing-strip{
  margin-top:16px;

  min-height:48px;

  padding:9px 14px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;

  border:1px solid #d8e2ec;
  border-radius:14px;

  background:
    linear-gradient(
      90deg,
      #f8fafc,
      #ffffff
    );
}

.racing-strip-item{
  display:flex;
  align-items:center;
  gap:11px;

  color:#6b8095;
  font-size:13px;
}

.racing-strip-item strong{
  color:#173a5c;
  font-size:14px;
}

.racing-strip-divider{
  flex:1;
}

.result-legend{
  display:flex;
  align-items:center;
  gap:15px;

  color:#597086;
  font-size:12px;
  font-weight:800;
}

.legend-item{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.legend-colour{
  display:inline-block;

  width:13px;
  height:13px;

  border-radius:4px;
  border:1px solid rgba(0,0,0,.12);
}

.legend-first{
  background:#f3e09b;
}

.legend-second{
  background:#d7dfe5;
}

.legend-third{
  background:#ddb097;
}

.section{
  margin-top:18px;
}

.meeting-tabs{
  gap:10px;
}

.meeting-tab{
  min-height:47px;

  padding:0 18px;

  border-radius:12px;

  font-size:15px;
  font-weight:900;

  background:#fff;

  box-shadow:
    0 3px 9px rgba(31,52,74,.05);
}

.meeting-tab.active{
  background:
    linear-gradient(
      135deg,
      #173c61,
      #10243e
    );

  border-color:#10243e;

  box-shadow:
    0 7px 17px rgba(16,36,62,.17);
}

.race-list{
  gap:21px;
}

.race-card{
  border-radius:21px !important;

  border:1px solid #cdd9e5 !important;

  box-shadow:
    0 7px 24px rgba(30,51,74,.08) !important;

  background:#fff;
}

.race-card:before{
  content:"";

  display:block;

  height:4px;

  background:
    linear-gradient(
      90deg,
      #173c61 0%,
      #285d8b 72%,
      #f0bd48 100%
    );
}

.race-head{
  min-height:66px;

  padding:15px 18px !important;

  background:
    linear-gradient(
      180deg,
      #f9fbfd,
      #f1f5f9
    ) !important;
}

.race-name{
  gap:12px;
}

.race-no{
  color:#102b49 !important;

  font-size:21px !important;
  font-weight:950 !important;
}

.race-meta{
  font-size:14px !important;
  font-weight:800 !important;
}

.bias{
  padding:9px 12px !important;

  border-radius:10px !important;

  background:#eaf1f7 !important;

  color:#294b69 !important;

  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.25px;
}

.runner-grid{
  grid-template-columns:
    repeat(5,minmax(0,1fr)) !important;

  gap:13px !important;

  padding:15px !important;

  background:#f8fafc;
}

.runner{
  min-height:236px !important;

  padding:15px !important;

  border-radius:16px !important;

  border:1px solid #c8d5e2 !important;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fbfcfe 100%
    );

  box-shadow:
    0 3px 10px rgba(31,52,74,.045);

  transition:
    transform .13s ease,
    box-shadow .13s ease,
    border-color .13s ease;
}

.runner:hover{
  transform:translateY(-2px);

  border-color:#aebfd0 !important;

  box-shadow:
    0 9px 20px rgba(31,52,74,.10);
}

.runner.finish-1{
  background:
    linear-gradient(
      180deg,
      #f7e7a6,
      #f9edc0
    ) !important;
}

.runner.finish-2{
  background:
    linear-gradient(
      180deg,
      #d8dfe4,
      #e7ecef
    ) !important;
}

.runner.finish-3{
  background:
    linear-gradient(
      180deg,
      #dfb097,
      #eac6b3
    ) !important;
}

.runner-top{
  grid-template-columns:
    37px 45px minmax(0,1fr) !important;

  gap:10px !important;
}

.runner-number{
  width:37px !important;
  height:37px !important;

  border-radius:10px !important;

  font-size:16px !important;

  background:
    linear-gradient(
      135deg,
      #ffd45d,
      #efb72f
    ) !important;

  box-shadow:
    inset 0 -1px 0 rgba(0,0,0,.08);
}

.runner-silk{
  width:43px !important;
  height:52px !important;
}

.runner-silk-placeholder{
  width:43px !important;
  height:52px !important;
}

.runner-name{
  font-size:17px !important;

  line-height:1.18 !important;

  color:#143b60 !important;

  letter-spacing:-.2px;

  overflow-wrap:normal !important;
  word-break:normal !important;
}

.prices{
  margin-top:15px !important;

  gap:9px !important;

  display:grid !important;
  grid-template-columns:1fr 1fr !important;
}

.prices span{
  min-height:52px;

  display:flex;
  flex-direction:column;
  justify-content:center;

  padding:7px 9px;

  border-radius:10px;

  background:#f1f5f9;

  color:#6e8194 !important;

  font-size:11px !important;
  font-weight:850 !important;

  letter-spacing:.4px;
}

.prices strong{
  margin-top:2px;

  color:#102b49 !important;

  font-size:19px !important;
  font-weight:950 !important;
  letter-spacing:-.4px;
}

.runner-detail{
  margin-top:13px !important;

  gap:8px !important;

  font-size:12px !important;
}

.runner-detail div{
  display:grid;
  grid-template-columns:62px 1fr;
  gap:5px;

  color:#77899a;
}

.runner-detail strong{
  color:#324a62 !important;

  font-size:13px !important;

  overflow-wrap:anywhere;
}

.runner-bottom{
  margin-top:13px !important;
  padding-top:11px !important;

  border-top:1px solid #dfe6ed !important;

  font-size:12px !important;

  color:#718499 !important;
}

.runner-bottom strong{
  color:#274560;

  font-size:13px;
}

.product-footer{
  font-size:13px;
}

@media(max-width:1450px){

  .runner-grid{
    grid-template-columns:
      repeat(3,minmax(0,1fr)) !important;
  }

}

@media(max-width:1000px){

  .page{
    width:calc(100% - 22px) !important;
  }

  .runner-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }

}

@media(max-width:650px){

  .app-top h1{
    font-size:31px !important;
  }

  .desktop-racing-strip{
    align-items:flex-start;
    flex-direction:column;
  }

  .racing-strip-divider{
    display:none;
  }

  .runner-grid{
    grid-template-columns:1fr !important;
  }

  .runner{
    min-height:0 !important;
  }

}


/* ==========================================================
   DR5 RUNNER CARD REBUILD V5
   ========================================================== */

.site-header-inner{
  max-width:1720px !important;
}

.page{
  width:calc(100% - 26px) !important;
  max-width:1720px !important;
}

.main-nav a{
  min-height:54px !important;
  padding:0 22px !important;

  font-size:17px !important;
  font-weight:900 !important;
}

.meeting-tab{
  min-height:57px !important;
  padding:0 24px !important;

  font-size:17px !important;
}

.race-card{
  background:#f7f9fc !important;
}

.runner-grid{
  padding:15px !important;

  background:
    linear-gradient(
      180deg,
      #f3f6fa,
      #f7f9fb
    ) !important;
}

.runner{
  min-height:278px !important;

  padding:16px !important;

  display:flex !important;
  flex-direction:column !important;

  background:#fff !important;
}

.runner-top{
  min-height:62px;

  display:grid !important;

  grid-template-columns:
    42px
    50px
    minmax(0,1fr) !important;

  gap:11px !important;

  align-items:center !important;
}

.runner-number{
  width:42px !important;
  height:42px !important;

  font-size:17px !important;
}

.runner-silk{
  width:48px !important;
  height:58px !important;

  object-fit:contain !important;
}

.runner-silk-placeholder{
  width:48px !important;
  height:58px !important;
}

.runner-name{
  font-size:19px !important;
  line-height:1.15 !important;

  color:#12385b !important;
  font-weight:950 !important;
}

.prices{
  margin-top:14px !important;

  display:grid !important;
  grid-template-columns:1fr 1fr !important;

  gap:10px !important;
}

.prices span{
  min-height:65px !important;

  padding:9px 11px !important;

  display:flex !important;
  flex-direction:column !important;

  justify-content:center !important;

  border-radius:11px !important;
}

.prices small{
  color:#687d91;

  font-size:12px !important;
  font-weight:900 !important;

  letter-spacing:.5px;
}

.prices strong{
  margin-top:2px;

  color:#0f2c48 !important;

  font-size:23px !important;
  line-height:1 !important;
  font-weight:950 !important;
}

.win-price-box{
  background:#e9f2fa !important;
}

.place-price-box{
  background:#f0f3f7 !important;
}

.runner-detail{
  margin-top:14px !important;

  display:grid !important;

  gap:9px !important;
}

.runner-detail > div{
  display:grid !important;

  grid-template-columns:
    68px
    minmax(0,1fr) !important;

  gap:8px !important;

  align-items:start !important;
}

.runner-detail span{
  color:#72869a;

  font-size:12px !important;
  font-weight:800 !important;
}

.runner-detail strong{
  color:#304b64 !important;

  font-size:14px !important;
  line-height:1.3 !important;
}

.runner-bottom{
  margin-top:auto !important;
  padding-top:13px !important;

  display:flex !important;
  justify-content:space-between !important;

  gap:12px !important;

  font-size:13px !important;
}

.runner-bottom span{
  color:#71869b;
}

.runner-bottom strong{
  margin-left:3px;

  color:#1d405f !important;

  font-size:15px !important;
}

.running-value{
  text-align:right;
}

/* Result podium colours */

.runner.finish-1{
  background:
    linear-gradient(
      180deg,
      #f4dd7f,
      #faedb7
    ) !important;

  border:2px solid #d0aa2e !important;
}

.runner.finish-2{
  background:
    linear-gradient(
      180deg,
      #d0d8de,
      #e8ecef
    ) !important;

  border:2px solid #a9b4bd !important;
}

.runner.finish-3{
  background:
    linear-gradient(
      180deg,
      #dba487,
      #eac4af
    ) !important;

  border:2px solid #bd805f !important;
}

/* Five cards across on wide desktop */

@media(min-width:1450px){

  .runner-grid{
    grid-template-columns:
      repeat(5,minmax(0,1fr)) !important;
  }

}

@media(
  min-width:1000px
) and (
  max-width:1449px
){

  .runner-grid{
    grid-template-columns:
      repeat(3,minmax(0,1fr)) !important;
  }

}

@media(
  min-width:680px
) and (
  max-width:999px
){

  .runner-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }

}

@media(max-width:679px){

  .runner-grid{
    grid-template-columns:1fr !important;
  }

}


/* DR5 HISTORY WINNER-ONLY FINAL CLEANUP */

.history-legacy-second,
.history-legacy-third,
#perfSeconds,
#perfThirds,
#historySeconds,
#historyThirds,
#runnerUpSelections,
#thirdPlaceSelections,
#secondSelections,
#thirdSelections{
  display:none !important;
}



/* ==========================================================
   DR5 HISTORY FILTER TABS V1
   ========================================================== */

.history-filter-tabs{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;

  padding:0 18px 18px 18px;
}

.history-filter-tab{
  min-height:44px;

  padding:0 18px;

  border:1px solid #c9d7e4;
  border-radius:11px;

  background:#ffffff;

  color:#35536e;

  font-family:inherit;
  font-size:14px;
  font-weight:900;

  cursor:pointer;

  transition:
    background .15s ease,
    border-color .15s ease,
    color .15s ease,
    transform .15s ease;
}

.history-filter-tab:hover{
  border-color:#aebfd0;
  background:#f5f8fb;
}

.history-filter-tab.active{
  background:#12395d;
  border-color:#12395d;
  color:#ffffff;

  box-shadow:
    0 5px 13px
    rgba(18,57,93,.15);
}

.history-filter-tab:active{
  transform:translateY(1px);
}

.history-empty{
  padding:30px !important;

  text-align:center;

  color:#6d8296;
  font-weight:750;
}

@media(max-width:700px){

  .history-filter-tabs{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .history-filter-tab{
    width:100%;
  }

}



/* ==========================================================
   DR5 HISTORY PREMIUM VISUAL UPGRADE V2
   ========================================================== */

/* overall page density */

body{
  font-size:16px;
}

.page{
  max-width:1720px !important;
}

.history-page,
main{
  font-size:16px;
}

/* ----------------------------------------------------------
   HERO / PAGE INTRO
   ---------------------------------------------------------- */

.hero-card,
.page-hero{
  padding:26px 28px !important;
}

.hero-card h1,
.page-hero h1{
  margin:8px 0 7px !important;

  font-size:38px !important;
  line-height:1.05 !important;

  letter-spacing:-.8px !important;

  color:#0d2f4f !important;
}

.hero-card p,
.page-hero p{
  margin:0 !important;

  font-size:16px !important;
  line-height:1.45 !important;

  color:#60788e !important;
}

.eyebrow,
.kicker,
.section-kicker{
  font-size:12px !important;
  font-weight:950 !important;

  letter-spacing:.45px !important;
}

/* ----------------------------------------------------------
   HEADLINE STAT CARDS
   ---------------------------------------------------------- */

.stats-grid,
.metric-grid,
.summary-grid{
  gap:14px !important;
}

.stat-card,
.metric-card,
.summary-card{
  min-height:112px !important;

  padding:18px 20px !important;

  border-radius:16px !important;

  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;

  box-shadow:
    0 5px 16px
    rgba(18,57,93,.05) !important;
}

.stat-card strong,
.metric-card strong,
.summary-card strong{
  font-size:34px !important;
  line-height:1 !important;

  letter-spacing:-.6px !important;

  color:#0c2e4f !important;
}

.stat-card span,
.metric-card span,
.summary-card span{
  margin-top:8px !important;

  font-size:13px !important;
  font-weight:900 !important;

  letter-spacing:.35px !important;

  color:#637b91 !important;
}

/* ----------------------------------------------------------
   SAVED RACING DAYS SECTION
   ---------------------------------------------------------- */

.history-card,
.table-card{
  margin-top:14px !important;

  border-radius:17px !important;

  overflow:hidden !important;

  box-shadow:
    0 8px 22px
    rgba(18,57,93,.05) !important;
}

.history-card > header,
.table-card > header{
  padding:21px 22px 13px !important;
}

.history-card h2,
.table-card h2{
  margin:0 0 5px !important;

  font-size:27px !important;
  line-height:1.1 !important;

  letter-spacing:-.3px !important;

  color:#0c3153 !important;
}

.history-card header p,
.table-card header p{
  margin:0 !important;

  font-size:15px !important;
  line-height:1.4 !important;

  color:#627b91 !important;
}

/* ----------------------------------------------------------
   HISTORY FILTER TABS
   ---------------------------------------------------------- */

.history-filter-tabs{
  padding:8px 22px 16px !important;

  gap:10px !important;

  border-bottom:1px solid #e1e8ef;
}

.history-filter-tab{
  min-height:48px !important;

  padding:0 21px !important;

  border-radius:12px !important;

  font-size:15px !important;
  font-weight:950 !important;

  letter-spacing:.1px !important;

  box-shadow:
    0 2px 6px
    rgba(18,57,93,.03);
}

.history-filter-tab.active{
  background:#123a5f !important;
  border-color:#123a5f !important;

  box-shadow:
    0 5px 13px
    rgba(18,57,93,.17) !important;
}

/* ----------------------------------------------------------
   TABLE
   ---------------------------------------------------------- */

table{
  width:100% !important;

  font-size:15px !important;

  border-collapse:collapse !important;
}

thead th{
  padding:15px 16px !important;

  font-size:12px !important;
  font-weight:950 !important;

  letter-spacing:.5px !important;

  color:#637a91 !important;

  background:#f3f6f9 !important;

  border-bottom:1px solid #dce5ed !important;
}

tbody td{
  padding:16px 16px !important;

  font-size:15px !important;
  line-height:1.3 !important;

  color:#243f59 !important;

  border-bottom:1px solid #e2e9ef !important;
}

tbody tr{
  transition:
    background .15s ease;
}

tbody tr:hover{
  background:#f8fafc !important;
}

tbody td strong{
  font-size:15px !important;
  font-weight:950 !important;

  color:#0c3153 !important;
}

/* make the key stats visually stronger */

tbody td:nth-child(3),
tbody td:nth-child(4),
tbody td:nth-child(5){
  font-weight:850 !important;
}

/* Open Day button */

tbody .button,
tbody .button-soft{
  min-height:42px !important;

  padding:0 16px !important;

  border-radius:10px !important;

  font-size:14px !important;
  font-weight:950 !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* ----------------------------------------------------------
   REDUCE LARGE VERTICAL GAPS
   ---------------------------------------------------------- */

section + section{
  margin-top:14px !important;
}

.card + .card{
  margin-top:14px !important;
}

.history-filter-tabs + table{
  margin-top:0 !important;
}

/* ----------------------------------------------------------
   RESPONSIBLE GAMBLING STRIP
   ---------------------------------------------------------- */

.responsible-strip,
.rg-strip,
.notice-strip{
  min-height:44px !important;

  padding:10px 15px !important;

  font-size:14px !important;
}

/* ----------------------------------------------------------
   DESKTOP WIDTH USAGE
   ---------------------------------------------------------- */

@media(min-width:1300px){

  .page{
    width:calc(100% - 38px) !important;
  }

  .stats-grid,
  .metric-grid,
  .summary-grid{
    grid-template-columns:
      repeat(4,minmax(0,1fr)) !important;
  }

}

/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media(
  min-width:700px
) and (
  max-width:1100px
){

  .hero-card h1,
  .page-hero h1{
    font-size:32px !important;
  }

  .stat-card strong,
  .metric-card strong,
  .summary-card strong{
    font-size:30px !important;
  }

}

/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media(max-width:699px){

  .hero-card,
  .page-hero{
    padding:20px !important;
  }

  .hero-card h1,
  .page-hero h1{
    font-size:29px !important;
  }

  .history-filter-tabs{
    grid-template-columns:1fr 1fr !important;

    padding:8px 14px 14px !important;
  }

  .history-filter-tab{
    min-height:46px !important;

    padding:0 10px !important;

    font-size:14px !important;
  }

  thead th,
  tbody td{
    padding:12px 10px !important;
  }

  table{
    font-size:14px !important;
  }

}



/* ==========================================================
   DR5 HISTORY REAL CLASS UPGRADE V3
   ========================================================== */

/* wider and denser desktop page */

.page{
  max-width:1720px !important;
  width:calc(100% - 30px) !important;
}

/* ----------------------------------------------------------
   TOP HISTORY HERO
   ---------------------------------------------------------- */

.app-top{
  padding:24px 28px !important;
  margin-bottom:14px !important;

  border-radius:17px !important;
}

.app-top h1{
  margin:7px 0 7px !important;

  font-size:40px !important;
  line-height:1.05 !important;

  letter-spacing:-.7px !important;

  color:#0d3154 !important;
}

.app-top p{
  margin:0 !important;

  font-size:17px !important;
  line-height:1.4 !important;

  color:#60788f !important;
}

.app-top .eyebrow{
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.6px !important;
}

.app-top .button{
  min-height:48px !important;

  padding:0 20px !important;

  font-size:15px !important;
  font-weight:900 !important;
}

/* ----------------------------------------------------------
   FOUR PERFORMANCE CARDS
   ---------------------------------------------------------- */

.performance-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;

  gap:12px !important;

  margin:0 0 14px !important;
}

.performance-stat{
  min-height:105px !important;

  padding:17px 19px !important;

  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;

  border-radius:16px !important;

  background:#ffffff !important;

  box-shadow:
    0 5px 16px rgba(18,57,93,.055) !important;
}

.performance-stat .number{
  font-size:35px !important;
  line-height:1 !important;

  font-weight:950 !important;
  letter-spacing:-.7px !important;

  color:#0d3154 !important;
}

.performance-stat .label{
  margin-top:8px !important;

  font-size:14px !important;
  line-height:1.2 !important;

  font-weight:900 !important;
  letter-spacing:.2px !important;

  color:#637a90 !important;
}

/* ----------------------------------------------------------
   REDUCE OLD SECTION WHITESPACE
   ---------------------------------------------------------- */

.section{
  margin-top:14px !important;
  margin-bottom:14px !important;

  padding:0 !important;
}

.grid-2{
  gap:14px !important;
}

/* ----------------------------------------------------------
   SAVED RACING DAYS CARD
   ---------------------------------------------------------- */

.card{
  border-radius:17px !important;

  box-shadow:
    0 7px 20px rgba(18,57,93,.05) !important;
}

.card-pad{
  padding:20px 22px !important;
}

.section-head{
  margin-bottom:12px !important;

  padding:0 !important;

  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;

  gap:16px !important;
}

.section-title{
  margin:0 0 5px !important;

  font-size:28px !important;
  line-height:1.05 !important;

  font-weight:950 !important;
  letter-spacing:-.35px !important;

  color:#0d3154 !important;
}

.section-copy{
  margin:0 !important;

  font-size:15px !important;
  line-height:1.4 !important;

  color:#617a91 !important;
}

/* ----------------------------------------------------------
   HISTORY FILTER TABS
   ---------------------------------------------------------- */

.history-filter-tabs{
  display:flex !important;
  align-items:center !important;

  gap:10px !important;

  padding:6px 0 15px !important;

  margin:0 !important;
}

.history-filter-tab{
  min-height:48px !important;

  padding:0 21px !important;

  border-radius:12px !important;

  font-size:15px !important;
  font-weight:950 !important;

  letter-spacing:.1px !important;
}

.history-filter-tab.active{
  background:#123a5f !important;
  color:#ffffff !important;

  border-color:#123a5f !important;

  box-shadow:
    0 5px 14px rgba(18,57,93,.17) !important;
}

/* ----------------------------------------------------------
   TABLE WRAPPER
   ---------------------------------------------------------- */

.table-wrap{
  margin-top:0 !important;

  border-radius:13px !important;

  overflow:hidden !important;

  border:1px solid #dce5ed !important;

  background:#ffffff !important;
}

/* ----------------------------------------------------------
   TABLE TYPOGRAPHY
   ---------------------------------------------------------- */

.table-wrap table{
  width:100% !important;

  border-collapse:collapse !important;

  font-size:16px !important;
}

.table-wrap thead th{
  padding:15px 17px !important;

  background:#f2f5f8 !important;

  color:#61788e !important;

  font-size:12px !important;
  font-weight:950 !important;

  letter-spacing:.55px !important;

  border-bottom:1px solid #dce5ed !important;
}

.table-wrap tbody td{
  padding:16px 17px !important;

  color:#29455f !important;

  font-size:16px !important;
  line-height:1.25 !important;

  border-bottom:1px solid #e3eaf0 !important;
}

.table-wrap tbody tr:last-child td{
  border-bottom:none !important;
}

.table-wrap tbody tr:hover{
  background:#f8fafc !important;
}

.table-wrap tbody td strong{
  font-size:16px !important;

  font-weight:950 !important;

  color:#0d3154 !important;
}

/* Stronger important columns */

.table-wrap tbody td:nth-child(3),
.table-wrap tbody td:nth-child(4),
.table-wrap tbody td:nth-child(5){
  font-weight:900 !important;
}

/* ----------------------------------------------------------
   OPEN DAY BUTTON
   ---------------------------------------------------------- */

.table-wrap .button{
  min-height:42px !important;

  padding:0 17px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  border-radius:10px !important;

  font-size:14px !important;
  font-weight:950 !important;
}

/* ----------------------------------------------------------
   RESPONSIBLE STRIP + FOOTER
   ---------------------------------------------------------- */

.member-notice{
  padding:9px 14px !important;

  min-height:42px !important;

  font-size:14px !important;
}

.product-footer{
  margin-top:18px !important;

  padding-top:14px !important;
  padding-bottom:14px !important;

  font-size:14px !important;
}

/* ----------------------------------------------------------
   DESKTOP
   ---------------------------------------------------------- */

@media(min-width:1300px){

  .page{
    width:calc(100% - 44px) !important;
  }

}

/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media(
  min-width:700px
) and (
  max-width:1050px
){

  .performance-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }

  .app-top h1{
    font-size:34px !important;
  }

}

/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media(max-width:699px){

  .page{
    width:calc(100% - 18px) !important;
  }

  .app-top{
    padding:19px !important;
  }

  .app-top h1{
    font-size:30px !important;
  }

  .performance-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }

  .performance-stat{
    min-height:92px !important;
  }

  .performance-stat .number{
    font-size:29px !important;
  }

  .history-filter-tabs{
    display:grid !important;

    grid-template-columns:
      1fr 1fr !important;
  }

  .history-filter-tab{
    width:100% !important;

    padding:0 10px !important;

    font-size:14px !important;
  }

  .table-wrap{
    overflow-x:auto !important;
  }

}



/* ==========================================================
   DR5 DASHBOARD ACCOUNT MERGE V1
   ========================================================== */

.dashboard-account-section{
  margin-top:14px !important;
  margin-bottom:14px !important;
}

.dashboard-account-card{
  padding:22px 24px !important;

  border-radius:17px !important;

  box-shadow:
    0 7px 20px
    rgba(18,57,93,.055) !important;
}

.dashboard-account-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;

  gap:20px;

  padding-bottom:17px;

  border-bottom:
    1px solid #e1e8ef;
}

.dashboard-account-head .section-title{
  margin-top:6px !important;

  font-size:27px !important;
}

.dashboard-account-status{
  min-height:38px;

  padding:0 14px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border-radius:999px;

  background:#eef3f7;

  color:#244a6b;

  font-size:13px;
  font-weight:950;

  white-space:nowrap;
}

.dashboard-account-grid{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:12px;

  padding:18px 0;
}

.dashboard-account-item{
  min-height:88px;

  padding:15px 16px;

  display:flex;
  flex-direction:column;
  justify-content:center;

  border:1px solid #dce5ed;
  border-radius:13px;

  background:#f8fafc;
}

.dashboard-account-item span{
  margin-bottom:7px;

  color:#70859a;

  font-size:11px;
  font-weight:950;

  letter-spacing:.55px;
}

.dashboard-account-item strong{
  color:#123755;

  font-size:16px;
  font-weight:950;

  overflow-wrap:anywhere;
}

.dashboard-account-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:20px;

  padding-top:16px;

  border-top:
    1px solid #e1e8ef;
}

.dashboard-account-footer > div{
  display:flex;
  flex-direction:column;

  gap:3px;
}

.dashboard-account-footer strong{
  color:#173c5c;

  font-size:15px;
}

.dashboard-account-footer span{
  color:#667f95;

  font-size:14px;
}

@media(max-width:1000px){

  .dashboard-account-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

}

@media(max-width:650px){

  .dashboard-account-grid{
    grid-template-columns:1fr;
  }

  .dashboard-account-head,
  .dashboard-account-footer{
    flex-direction:column;
    align-items:flex-start;
  }

}



/* ==========================================================
   DR5 SIMPLE DASHBOARD V1
   ========================================================== */

.dashboard-account-section{
  margin-top:14px !important;
  margin-bottom:14px !important;
}

.dashboard-account-card{
  padding:20px 22px !important;
}

.dashboard-account-grid{
  padding:15px 0 !important;
}

.dashboard-account-item{
  min-height:78px !important;
}

.dashboard-account-item strong{
  font-size:17px !important;
}

.dashboard-account-footer{
  padding-top:14px !important;
}

.app-top{
  margin-bottom:12px !important;
}

.app-top + .dashboard-account-section{
  margin-top:0 !important;
}

/* tighter Dashboard spacing */

body:has(#dashboardMemberAccount) .section{
  margin-top:12px !important;
  margin-bottom:12px !important;
}

body:has(#dashboardMemberAccount) .performance-grid{
  margin-top:12px !important;
  margin-bottom:12px !important;
}

/* make today's stat blocks more prominent */

body:has(#dashboardMemberAccount) .performance-stat{
  min-height:102px !important;
}

body:has(#dashboardMemberAccount) .performance-stat .number{
  font-size:34px !important;
}



/* ==========================================================
   DR5 FULL MEMBER ACCOUNT V1
   ========================================================== */

.member-overview-grid{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:11px;

  padding:17px 0;
}

.member-overview-item{
  min-height:82px;

  padding:14px 16px;

  display:flex;
  flex-direction:column;
  justify-content:center;

  border:1px solid #dce5ed;
  border-radius:13px;

  background:#f8fafc;
}

.member-overview-item span{
  margin-bottom:6px;

  color:#71869a;

  font-size:11px;
  font-weight:950;

  letter-spacing:.6px;
}

.member-overview-item strong{
  color:#123755;

  font-size:17px;
  font-weight:950;
}

.member-settings-title{
  margin-top:4px;
  padding:16px 0 10px;

  border-top:1px solid #e1e8ef;

  color:#123755;

  font-size:18px;
  font-weight:950;
}

.member-settings-grid{
  display:grid;
  gap:9px;
}

.member-setting-row{
  min-height:72px;

  padding:12px 14px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:18px;

  border:1px solid #dfe7ee;
  border-radius:12px;

  background:#ffffff;
}

.member-setting-row > div{
  display:flex;
  flex-direction:column;

  gap:4px;
}

.member-setting-row span{
  color:#6e8498;

  font-size:12px;
  font-weight:850;
}

.member-setting-row strong{
  color:#173b5a;

  font-size:15px;
  font-weight:900;
}

.member-cancel-button{
  min-height:42px;

  padding:0 16px;

  border:1px solid #c7a2a2 !important;
  border-radius:10px;

  background:#fff8f8 !important;

  color:#8b3434 !important;

  font-size:14px;
  font-weight:950;
}

.member-account-note{
  margin-top:14px;

  padding:13px 15px;

  display:flex;
  flex-direction:column;

  gap:4px;

  border-radius:11px;

  background:#f3f6f9;

  color:#60798f;

  font-size:13px;
  line-height:1.4;
}

.member-account-note strong{
  color:#33546f;

  font-size:13px;
}

@media(max-width:1000px){

  .member-overview-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

}

@media(max-width:650px){

  .member-overview-grid{
    grid-template-columns:1fr;
  }

  .member-setting-row{
    align-items:flex-start;
    flex-direction:column;
  }

}



/* ==========================================================
   DR5 RACE DROPDOWN V1
   ========================================================== */

.dr5-race-filter-bar{
  margin:10px 0 15px;

  padding:13px 15px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:16px;

  border:1px solid #d8e2ea;
  border-radius:13px;

  background:
    linear-gradient(
      180deg,
      #ffffff,
      #f7f9fb
    );

  box-shadow:
    0 4px 13px
    rgba(18,57,93,.045);
}

.dr5-race-filter-label{
  display:flex;
  align-items:center;

  gap:10px;
}

.dr5-race-filter-label span{
  color:#778b9e;

  font-size:11px;
  font-weight:950;

  letter-spacing:.65px;
}

.dr5-race-filter-label strong{
  color:#123a5d;

  font-size:16px;
  font-weight:950;
}

.dr5-race-select-wrap{
  position:relative;

  min-width:360px;
  max-width:680px;
  width:52%;
}

.dr5-race-select{
  width:100%;
  min-height:48px;

  padding:
    0 42px
    0 15px;

  border:
    1px solid #cbd8e3;

  border-radius:11px;

  outline:none;

  background:#ffffff;

  color:#173c5c;

  font-family:inherit;

  font-size:15px;
  font-weight:850;

  cursor:pointer;

  box-shadow:
    0 2px 5px
    rgba(18,57,93,.035);
}

.dr5-race-select:hover{
  border-color:#9fb5c8;
}

.dr5-race-select:focus{
  border-color:#123a5d;

  box-shadow:
    0 0 0 3px
    rgba(18,58,93,.10);
}

.dr5-race-filter-bar.single-race{
  border-color:#c5d5e2;

  background:
    linear-gradient(
      180deg,
      #f9fbfd,
      #f2f6f9
    );
}

@media(max-width:800px){

  .dr5-race-filter-bar{
    align-items:stretch;
    flex-direction:column;
  }

  .dr5-race-filter-label{
    justify-content:space-between;
  }

  .dr5-race-select-wrap{
    min-width:0;
    max-width:none;
    width:100%;
  }

}



/* ==========================================================
   DR5 GROUPED DATE SELECT V1
   ========================================================== */

#datePicker{
  min-height:48px !important;

  padding:
    0 42px
    0 15px !important;

  border:
    1px solid #cbd8e3 !important;

  border-radius:11px !important;

  background:#ffffff !important;

  color:#173c5c !important;

  font-size:15px !important;
  font-weight:850 !important;

  cursor:pointer;
}

#datePicker:focus{
  border-color:#123a5d !important;

  box-shadow:
    0 0 0 3px
    rgba(18,58,93,.10) !important;
}

#datePicker optgroup{
  font-weight:950;
  color:#123a5d;
}

#datePicker option{
  font-weight:700;
  color:#294760;
}



/* ==========================================================
   DR5 PERIOD DATE CONTROLS V1
   ========================================================== */

.dr5-date-controls{
  display:grid;

  grid-template-columns:
    minmax(220px,300px)
    minmax(280px,420px);

  gap:12px;

  align-items:end;
}

.dr5-date-control{
  display:flex;
  flex-direction:column;

  gap:6px;
}

.dr5-date-control label{
  color:#73889c;

  font-size:11px;
  font-weight:950;

  letter-spacing:.6px;
}

.dr5-period-select,
#datePicker{
  width:100%;

  min-height:48px !important;

  padding:
    0 42px
    0 15px !important;

  border:
    1px solid #cbd8e3 !important;

  border-radius:11px !important;

  background:#ffffff !important;

  color:#173c5c !important;

  font-family:inherit;

  font-size:15px !important;
  font-weight:850 !important;

  cursor:pointer;
}

.dr5-period-select:focus,
#datePicker:focus{
  border-color:#123a5d !important;

  box-shadow:
    0 0 0 3px
    rgba(18,58,93,.10) !important;

  outline:none;
}

@media(max-width:750px){

  .dr5-date-controls{
    grid-template-columns:1fr;
  }

}





/* ==========================================================
   DR5 PUBLIC WEBSITE FINAL V1
   ========================================================== */

#publicDaily5Live,
#publicDaily5Intelligence{
  max-width:1500px;

  margin:
    16px auto;

  padding:
    24px 26px;

  border:
    1px solid #d9e3eb;

  border-radius:
    18px;

  background:
    #ffffff;

  box-shadow:
    0 8px 24px
    rgba(17,53,84,.05);
}


/* today's figures */

.public-live-head{
  display:flex;

  align-items:flex-start;
  justify-content:space-between;

  gap:24px;

  margin-bottom:18px;
}

.public-kicker{
  display:inline-block;

  margin-bottom:7px;

  color:#8b6810;

  font-size:11px;
  font-weight:950;

  letter-spacing:.7px;
}

.public-live-head h2,
.public-intelligence-copy h2{
  margin:
    0 0 7px;

  color:#102f4d;

  font-size:30px;
  line-height:1.08;

  letter-spacing:-.5px;
}

.public-live-head p{
  margin:0;

  color:#60788e;

  font-size:15px;
}

.public-live-grid{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:12px;
}

.public-live-stat{
  min-height:105px;

  padding:16px 18px;

  display:flex;
  flex-direction:column;
  justify-content:center;

  border:
    1px solid #dae4ec;

  border-radius:
    14px;

  background:
    linear-gradient(
      180deg,
      #ffffff,
      #f6f9fb
    );
}

.public-live-stat span{
  margin-bottom:8px;

  color:#71859a;

  font-size:11px;
  font-weight:950;

  letter-spacing:.6px;
}

.public-live-stat strong{
  color:#0e3151;

  font-size:34px;
  font-weight:950;

  line-height:1;
}

.public-live-explain{
  margin-top:13px;

  padding:11px 13px;

  border-radius:10px;

  background:#f2f6f9;

  color:#647b90;

  font-size:13px;
  line-height:1.4;
}


/* AI/model explainer */

#publicDaily5Intelligence{
  display:grid;

  grid-template-columns:
    minmax(0,1.2fr)
    minmax(360px,.8fr);

  gap:25px;

  align-items:stretch;
}

.public-intro{
  max-width:780px;

  margin:
    0 0 17px;

  color:#4f6a80;

  font-size:16px;
  line-height:1.55;
}

.public-factor-grid{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:10px;
}

.public-factor{
  min-height:116px;

  padding:14px;

  display:flex;
  flex-direction:column;

  border:
    1px solid #dce5ed;

  border-radius:
    13px;

  background:
    #f8fafc;
}

.public-factor strong{
  margin-bottom:6px;

  color:#123957;

  font-size:15px;
  font-weight:950;
}

.public-factor span{
  color:#667f94;

  font-size:13px;
  line-height:1.4;
}

.public-model-note{
  margin-top:14px;

  padding:12px 14px;

  border-left:
    4px solid #e9ae27;

  border-radius:8px;

  background:#fcf8eb;

  color:#675b32;

  font-size:13px;
  line-height:1.45;
}


/* racing / winning-post illustration */

.public-race-visual{
  position:relative;

  min-height:410px;

  overflow:hidden;

  border-radius:17px;

  background:
    linear-gradient(
      180deg,
      #dcecf8 0%,
      #f5f9fc 54%,
      #82a96c 55%,
      #72975f 68%,
      #bf8356 69%,
      #9d6643 100%
    );
}

.public-race-visual::after{
  content:"";

  position:absolute;
  inset:auto 0 0 0;

  height:36%;

  background:
    repeating-linear-gradient(
      -8deg,
      rgba(255,255,255,.04) 0,
      rgba(255,255,255,.04) 2px,
      rgba(0,0,0,.035) 3px,
      rgba(0,0,0,.035) 5px
    );
}

.public-winning-post{
  position:absolute;

  right:15%;
  top:18%;

  width:88px;
  height:230px;

  padding-top:9px;

  border-left:14px solid #fff;
  border-right:14px solid #fff;

  color:#7f1e1e;

  background:
    repeating-linear-gradient(
      180deg,
      #cf2c2c 0 24px,
      #ffffff 24px 48px
    );

  font-size:9px;
  font-weight:950;

  text-align:center;

  writing-mode:vertical-rl;

  z-index:2;
}

.public-horse{
  position:absolute;

  width:112px;
  height:55px;

  border-radius:
    55% 45% 48% 52%;

  background:#26313b;

  z-index:3;
}

.public-horse::before{
  content:"";

  position:absolute;

  width:29px;
  height:25px;

  right:-17px;
  top:5px;

  border-radius:50%;

  background:#26313b;
}

.public-horse::after{
  content:"";

  position:absolute;

  left:18px;
  bottom:-43px;

  width:73px;
  height:48px;

  border-left:
    7px solid #26313b;

  border-right:
    7px solid #26313b;

  transform:
    skewX(-13deg);
}

.public-jockey{
  position:absolute;

  left:30px;
  top:-27px;

  width:39px;
  height:31px;

  border-radius:
    50% 50% 35% 35%;

  background:#efb22d;
}

.public-horse-1{
  left:14%;
  bottom:22%;

  transform:
    scale(.88);

  opacity:.86;
}

.public-horse-2{
  left:38%;
  bottom:26%;

  transform:
    scale(1.03);
}

.public-horse-2 .public-jockey{
  background:#d92e40;
}

.public-horse-3{
  left:60%;
  bottom:30%;

  transform:
    scale(1.14);
}

.public-horse-3 .public-jockey{
  background:#126daa;
}

.public-visual-caption{
  position:absolute;

  left:18px;
  bottom:18px;

  z-index:5;

  max-width:270px;

  padding:13px 15px;

  border-radius:12px;

  background:
    rgba(255,255,255,.92);

  box-shadow:
    0 8px 22px
    rgba(14,39,60,.14);
}

.public-visual-caption span{
  display:block;

  margin-bottom:4px;

  color:#7a8c9d;

  font-size:10px;
  font-weight:950;

  letter-spacing:.65px;
}

.public-visual-caption strong{
  color:#123957;

  font-size:18px;
  line-height:1.15;
}


/* replace old ? icons */

.public-fixed-icon{
  font-weight:950 !important;
  color:#123a5f !important;
}


/* assistant */

.public-ai-assistant-button{
  width:auto !important;

  min-width:185px !important;
  min-height:52px !important;

  padding:
    9px 15px !important;

  display:flex !important;

  align-items:center !important;
  justify-content:center !important;

  gap:9px !important;

  border-radius:
    999px !important;

  background:
    #123a5f !important;

  color:
    #ffffff !important;

  font-size:
    14px !important;

  font-weight:
    950 !important;

  box-shadow:
    0 10px 25px
    rgba(18,58,95,.23) !important;
}

.public-ai-icon{
  width:28px;
  height:28px;

  display:inline-flex;

  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:
    rgba(255,255,255,.17);

  font-size:11px;
  font-weight:950;
}


@media(max-width:1000px){

  .public-live-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  #publicDaily5Intelligence{
    grid-template-columns:1fr;
  }

  .public-factor-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

}


@media(max-width:650px){

  #publicDaily5Live,
  #publicDaily5Intelligence{
    padding:18px;
  }

  .public-live-head{
    flex-direction:column;
  }

  .public-live-grid{
    grid-template-columns:1fr 1fr;
  }

  .public-factor-grid{
    grid-template-columns:1fr;
  }

  .public-race-visual{
    min-height:300px;
  }

}



/* ==========================================================
   DR5 LOCKED PUBLIC DESIGN V1
   ========================================================== */

.dr5-public-page{
  margin:0;
  background:#eef3f7;
  color:#102e4b;
}

.dr5-public-page *{
  box-sizing:border-box;
}


/* HEADER */

.dr5-public-header{
  position:sticky;
  top:0;
  z-index:50;

  background:#fff;
  border-bottom:1px solid #dbe3ea;
}

.dr5-public-header-inner{
  max-width:1480px;
  min-height:74px;

  margin:auto;
  padding:0 18px;

  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;

  gap:30px;
}

.dr5-public-brand{
  display:flex;
  align-items:center;
  gap:10px;

  text-decoration:none;
}

.dr5-public-brand img{
  width:42px;
  height:42px;
}

.dr5-public-brand div{
  display:flex;
  flex-direction:column;
}

.dr5-public-brand strong{
  color:#102e4b;
  font-size:17px;
  font-weight:950;
}

.dr5-public-brand span{
  color:#71859a;
  font-size:11px;
}

.dr5-public-nav{
  display:flex;
  gap:38px;
}

.dr5-public-nav a{
  color:#3e5870;
  font-size:14px;
  font-weight:900;
  text-decoration:none;
}

.dr5-public-header-actions{
  display:flex;
  justify-content:flex-end;
  gap:9px;
}

.dr5-public-login,
.dr5-public-trial,
.dr5-public-primary,
.dr5-public-secondary{
  min-height:44px;

  padding:0 18px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border-radius:9px;

  text-decoration:none;

  font-size:14px;
  font-weight:950;
}

.dr5-public-login,
.dr5-public-secondary{
  color:#102e4b;
  background:#fff;
  border:1px solid #cdd9e4;
}

.dr5-public-trial,
.dr5-public-primary{
  color:#102e4b;
  background:#f4b72f;
  border:1px solid #e7aa24;
}


/* HERO */

.dr5-public-hero{
  position:relative;

  min-height:520px;

  background-image:
    var(--dr5-hero-gradient),
    var(--dr5-hero-image);

  background:
    linear-gradient(
      90deg,
      rgba(7,25,41,.92) 0%,
      rgba(7,25,41,.76) 33%,
      rgba(7,25,41,.26) 60%,
      rgba(7,25,41,.05) 100%
    ),
    var(--dr5-hero-image);

  background-size:cover;
  background-position:center 46%;
}

.dr5-public-hero-inner{
  position:relative;
  z-index:2;

  max-width:1480px;

  min-height:520px;

  margin:auto;
  padding:34px 30px;

  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);
  align-items:center;

  gap:36px;
}

.dr5-public-offer{
  display:inline-flex;

  padding:7px 12px;

  border-radius:999px;

  background:#fff6d8;

  color:#755310;

  font-size:11px;
  font-weight:950;
}

.dr5-public-hero-copy h1{
  margin:16px 0 13px;

  color:#fff;

  font-size:52px;
  line-height:.98;

  letter-spacing:-1.4px;
}

.dr5-public-hero-copy h1 span{
  color:#f5b72f;
}

.dr5-public-hero-copy p{
  max-width:590px;

  margin:0;

  color:#f2f6fa;

  font-size:16px;
  line-height:1.5;
}

.dr5-public-hero-actions{
  display:flex;
  gap:10px;

  margin-top:19px;
}

.dr5-public-trust{
  display:flex;
  flex-wrap:wrap;
  gap:16px;

  margin-top:13px;

  color:#fff;

  font-size:12px;
  font-weight:850;
}


/* PRODUCT MOCKUP */

.dr5-public-preview{
  display:flex;
  justify-content:flex-end;
}

.dr5-public-preview-frame{
  width:min(100%,510px);

  padding:16px;

  border:14px solid #102f4f;
  border-radius:22px;

  background:#fff;

  box-shadow:
    0 18px 42px rgba(0,0,0,.24);
}

.dr5-public-preview-head,
.dr5-public-preview-race-head{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:12px;
}

.dr5-public-preview-head{
  padding-bottom:13px;
}

.dr5-public-preview-head strong{
  font-size:16px;
}

.dr5-public-preview-head span,
.dr5-public-preview-race-head span{
  padding:6px 10px;

  border-radius:999px;

  background:#fff7dc;

  color:#72510f;

  font-size:11px;
  font-weight:950;
}

.dr5-public-preview-race{
  padding:14px;

  border:1px solid #dbe4eb;
  border-radius:12px;

  background:#f8fafc;
}

.dr5-public-preview-race-head{
  margin-bottom:10px;
}

.dr5-preview-runner{
  min-height:44px;

  margin-top:7px;
  padding:7px 10px;

  display:grid;
  grid-template-columns:34px 1fr auto;
  align-items:center;

  gap:9px;

  border-radius:9px;

  background:#eef3f7;
}

.dr5-preview-runner b{
  width:28px;
  height:28px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:8px;

  background:#f5b72f;

  color:#102e4b;
}

.dr5-preview-runner strong,
.dr5-preview-runner span{
  font-size:12px;
}


/* LIVE PANEL */

.dr5-public-live{
  position:relative;
  z-index:5;

  max-width:1450px;

  margin:-20px auto 12px;
  padding:20px 24px;

  display:grid;
  grid-template-columns:minmax(280px,.8fr) minmax(600px,1.4fr);

  gap:22px;

  border:1px solid #d9e3eb;
  border-radius:16px;

  background:#fff;

  box-shadow:
    0 8px 24px rgba(17,53,84,.06);
}

.dr5-public-live-intro span,
.dr5-public-model-heading > span,
.dr5-public-price-card > span{
  color:#6d8195;

  font-size:10px;
  font-weight:950;

  letter-spacing:.75px;
}

.dr5-public-live-intro h2,
.dr5-public-model h2,
.dr5-public-features h2{
  margin:7px 0 4px;

  color:#102f4d;

  font-size:28px;
  line-height:1.08;

  letter-spacing:-.45px;
}

.dr5-public-live-intro p,
.dr5-public-features > p{
  margin:0;

  color:#647c91;

  font-size:14px;
}

.dr5-public-live-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));

  gap:9px;
}

.dr5-public-live-stats > div{
  min-height:80px;

  padding:13px;

  display:flex;
  flex-direction:column;
  justify-content:center;

  border:1px solid #dce5ed;
  border-radius:11px;

  background:#f8fafc;
}

.dr5-public-live-stats span{
  margin-bottom:6px;

  color:#6f8498;

  font-size:10px;
  font-weight:950;
}

.dr5-public-live-stats strong{
  color:#102f4d;

  font-size:27px;
  line-height:1;
}

.dr5-public-live-note{
  grid-column:2;

  margin-top:-12px;
  padding:8px 11px;

  border-radius:9px;

  background:#f1f5f8;

  color:#637b90;

  font-size:11px;
}


/* MODEL */

.dr5-public-model{
  max-width:1450px;

  margin:12px auto;
  padding:22px 24px;

  border:1px solid #d9e3eb;
  border-radius:16px;

  background:#fff;
}

.dr5-public-model{
  display:grid;
  grid-template-columns:minmax(280px,.75fr) minmax(760px,1.5fr);

  column-gap:22px;
}

.dr5-public-model-heading p{
  color:#5e778d;

  font-size:14px;
  line-height:1.5;
}

.dr5-public-model-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));

  gap:0;
}

.dr5-public-model-grid article{
  padding:7px 14px;

  display:flex;
  flex-direction:column;

  border-left:1px solid #e0e7ed;
}

.dr5-public-model-grid article div{
  margin-bottom:7px;

  font-size:22px;
}

.dr5-public-model-grid strong{
  margin-bottom:5px;

  color:#113653;

  font-size:13px;
}

.dr5-public-model-grid span{
  color:#667e92;

  font-size:11px;
  line-height:1.35;
}

.dr5-public-disclaimer{
  grid-column:1 / -1;

  margin-top:15px;
  padding:9px 12px;

  border:1px solid #efd07e;
  border-radius:8px;

  background:#fff8e5;

  color:#695d37;

  font-size:12px;
}


/* BOTTOM */

.dr5-public-bottom{
  max-width:1450px;

  margin:12px auto 28px;

  display:grid;
  grid-template-columns:minmax(0,1.6fr) 390px;

  gap:16px;
}

.dr5-public-features{
  padding:5px 0;
}

.dr5-public-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));

  gap:13px;

  margin-top:14px;
}

.dr5-public-feature-grid article{
  display:flex;
  gap:10px;
}

.dr5-public-feature-grid b{
  flex:0 0 38px;

  width:38px;
  height:38px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:#f5b72f;

  color:#102e4b;
}

.dr5-public-feature-grid article div{
  display:flex;
  flex-direction:column;
}

.dr5-public-feature-grid strong{
  color:#123653;

  font-size:13px;
}

.dr5-public-feature-grid span{
  margin-top:3px;

  color:#6b8194;

  font-size:11px;
  line-height:1.4;
}

.dr5-public-price-card{
  padding:20px;

  border:1px solid #e7c463;
  border-radius:15px;

  background:#fff8e4;
}

.dr5-public-price-card > strong{
  display:block;

  margin-top:5px;

  color:#102f4d;

  font-size:29px;
}

.dr5-public-price-card p{
  color:#657b8e;

  font-size:12px;
}

.dr5-price-checks{
  display:grid;
  grid-template-columns:1fr 1fr;

  gap:8px;

  margin:15px 0 17px;

  color:#486278;

  font-size:11px;
}


/* FOOTER */

.dr5-public-footer{
  min-height:65px;

  padding:0 30px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  background:#102f4d;

  color:#dce6ef;

  font-size:12px;
}


/* AI BUTTON */

.dr5-public-ai-button{
  min-width:190px !important;
  min-height:52px !important;

  padding:9px 15px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  gap:9px !important;

  border-radius:999px !important;

  background:#123a5f !important;
  color:#fff !important;

  font-size:14px !important;
  font-weight:950 !important;

  box-shadow:
    0 10px 25px rgba(18,58,95,.25) !important;
}

.dr5-public-ai-icon{
  width:28px;
  height:28px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:rgba(255,255,255,.17);

  font-size:11px;
}


/* RESPONSIVE */

@media(max-width:1100px){

  .dr5-public-hero-inner{
    grid-template-columns:1fr;
  }

  .dr5-public-preview{
    justify-content:flex-start;
  }

  .dr5-public-live,
  .dr5-public-model,
  .dr5-public-bottom{
    margin-left:14px;
    margin-right:14px;
  }

  .dr5-public-live{
    grid-template-columns:1fr;
  }

  .dr5-public-live-note{
    grid-column:1;
    margin-top:0;
  }

  .dr5-public-model{
    grid-template-columns:1fr;
  }

  .dr5-public-model-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .dr5-public-bottom{
    grid-template-columns:1fr;
  }

}


@media(max-width:720px){

  .dr5-public-header-inner{
    grid-template-columns:1fr auto;
  }

  .dr5-public-nav{
    display:none;
  }

  .dr5-public-hero-inner{
    padding:25px 18px;
  }

  .dr5-public-hero-copy h1{
    font-size:39px;
  }

  .dr5-public-live-stats{
    grid-template-columns:1fr 1fr;
  }

  .dr5-public-model-grid,
  .dr5-public-feature-grid{
    grid-template-columns:1fr 1fr;
  }

  .dr5-public-trust{
    flex-direction:column;
    gap:6px;
  }

  .dr5-public-price-card{
    margin:0 14px;
  }

}



/* ==========================================================
   WINNING LINE AI PUBLIC V1
   ========================================================== */

.wla-page{
  margin:0;
  background:#eef3f7;
  color:#102f4d;
}

.wla-page *{
  box-sizing:border-box;
}


/* HEADER */

.wla-header{
  position:sticky;
  top:0;
  z-index:50;

  background:#fff;
  border-bottom:1px solid #dce5ec;
}

.wla-header-inner{
  max-width:1480px;
  min-height:76px;

  margin:auto;
  padding:0 22px;

  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;

  gap:30px;
}

.wla-brand{
  display:flex;
  align-items:center;
  gap:11px;

  text-decoration:none;
}

.wla-brand img{
  width:45px;
  height:45px;
}

.wla-brand div{
  display:flex;
  flex-direction:column;
}

.wla-brand strong{
  color:#102f4d;

  font-size:18px;
  font-weight:950;
}

.wla-brand span{
  margin-top:2px;

  color:#71869a;

  font-size:11px;
  font-weight:700;
}

.wla-nav{
  display:flex;
  gap:34px;
}

.wla-nav a{
  color:#405a72;

  font-size:14px;
  font-weight:900;

  text-decoration:none;
}

.wla-header-actions{
  display:flex;
  justify-content:flex-end;

  gap:9px;
}


/* BUTTONS */

.wla-login,
.wla-primary,
.wla-secondary{
  min-height:44px;

  padding:0 18px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border-radius:10px;

  font-size:14px;
  font-weight:950;

  text-decoration:none;
}

.wla-primary{
  border:1px solid #e3a820;
  background:#f3b62d;

  color:#102f4d;
}

.wla-login,
.wla-secondary{
  border:1px solid #cad7e2;
  background:#fff;

  color:#102f4d;
}

.wla-large{
  min-height:50px;

  padding:0 22px;

  font-size:15px;
}


/* HERO */

.wla-hero{
  min-height:570px;

  background:
    linear-gradient(
      90deg,
      rgba(7,24,40,.94) 0%,
      rgba(7,24,40,.82) 37%,
      rgba(7,24,40,.34) 67%,
      rgba(7,24,40,.10) 100%
    ),
    var(--wla-hero);

  background-size:cover;
  background-position:center 48%;
}

.wla-hero-inner{
  max-width:1480px;
  min-height:570px;

  margin:auto;
  padding:44px 32px;

  display:grid;
  grid-template-columns:minmax(0,1.15fr) 400px;
  align-items:center;

  gap:60px;
}

.wla-pill{
  display:inline-flex;

  padding:7px 12px;

  border-radius:999px;

  background:#fff3c8;

  color:#745310;

  font-size:11px;
  font-weight:950;
}

.wla-hero-copy h1{
  max-width:760px;

  margin:16px 0 15px;

  color:#fff;

  font-size:56px;
  line-height:.99;

  letter-spacing:-1.6px;
}

.wla-hero-copy h1 span{
  display:block;

  margin-top:5px;

  color:#f2b62f;
}

.wla-hero-lead{
  max-width:690px;

  margin:0 0 10px;

  color:#f2f6f9;

  font-size:18px;
  line-height:1.48;

  font-weight:700;
}

.wla-hero-support{
  max-width:680px;

  margin:0;

  color:#ccdbe7;

  font-size:14px;
  line-height:1.52;
}

.wla-hero-actions{
  display:flex;

  gap:10px;

  margin-top:21px;
}

.wla-trust{
  display:flex;
  flex-wrap:wrap;

  gap:17px;

  margin-top:15px;

  color:#e7eef4;

  font-size:12px;
  font-weight:850;
}


/* HERO HISTORICAL PROOF */

.wla-hero-proof{
  padding:24px;

  border:1px solid rgba(255,255,255,.17);
  border-radius:19px;

  background:rgba(255,255,255,.94);

  box-shadow:
    0 18px 42px
    rgba(0,0,0,.18);
}

.wla-proof-kicker{
  color:#75899b;

  font-size:10px;
  font-weight:950;

  letter-spacing:.8px;
}

.wla-hero-proof > strong{
  display:block;

  margin-top:12px;

  color:#113653;

  font-size:58px;
  line-height:.9;

  font-weight:950;
}

.wla-hero-proof h2{
  margin:9px 0 11px;

  color:#173b58;

  font-size:21px;
  line-height:1.15;
}

.wla-hero-proof p{
  color:#526b80;

  font-size:14px;
  line-height:1.48;
}

.wla-hero-proof small{
  display:block;

  margin-top:13px;
  padding-top:11px;

  border-top:1px solid #dbe4eb;

  color:#7a8b99;

  font-size:11px;
  line-height:1.4;
}


/* PERFORMANCE */

.wla-performance,
.wla-not-tips,
.wla-how,
.wla-member,
.wla-pricing{
  max-width:1450px;

  margin:16px auto;

  padding:25px 27px;

  border:1px solid #d9e3eb;
  border-radius:18px;

  background:#fff;

  box-shadow:
    0 7px 22px
    rgba(17,53,84,.045);
}

.wla-performance-heading span,
.wla-kicker{
  color:#778b9d;

  font-size:10px;
  font-weight:950;

  letter-spacing:.75px;
}

.wla-performance-heading h2,
.wla-not-tips h2,
.wla-section-heading h2,
.wla-member h2,
.wla-pricing h2{
  margin:7px 0 5px;

  color:#102f4d;

  font-size:30px;
  line-height:1.08;

  letter-spacing:-.5px;
}

.wla-performance-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));

  gap:11px;

  margin-top:18px;
}

.wla-performance-grid article{
  min-height:115px;

  padding:17px;

  display:flex;
  flex-direction:column;
  justify-content:center;

  border:1px solid #dce5ed;
  border-radius:14px;

  background:
    linear-gradient(
      180deg,
      #fff,
      #f7f9fb
    );
}

.wla-performance-grid strong{
  color:#103654;

  font-size:37px;
  line-height:1;

  font-weight:950;
}

.wla-performance-grid span{
  margin-top:8px;

  color:#718599;

  font-size:10px;
  font-weight:950;

  letter-spacing:.55px;
}

.wla-performance-note{
  margin:13px 0 0;

  padding:10px 12px;

  border-radius:9px;

  background:#f1f5f8;

  color:#657d91;

  font-size:12px;
  line-height:1.45;
}


/* NOT TIPS */

.wla-not-tips{
  display:grid;
  grid-template-columns:.85fr 1.15fr;

  gap:35px;

  align-items:center;

  background:#102f4d;

  border-color:#102f4d;
}

.wla-not-tips h2{
  color:#fff;

  font-size:35px;
}

.wla-not-tips .wla-kicker{
  color:#f0b42c;
}

.wla-not-tips-copy{
  display:grid;

  gap:9px;
}

.wla-not-tips-copy p{
  margin:0;

  color:#d7e3ec;

  font-size:15px;
  line-height:1.55;
}


/* HOW IT WORKS */

.wla-section-heading{
  max-width:760px;
}

.wla-section-heading p,
.wla-member-copy > p,
.wla-pricing > div > p{
  color:#60798e;

  font-size:15px;
  line-height:1.5;
}

.wla-factor-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));

  gap:11px;

  margin-top:19px;
}

.wla-factor-grid article{
  min-height:150px;

  padding:16px;

  display:flex;
  flex-direction:column;

  border:1px solid #dce5ed;
  border-radius:14px;

  background:#f8fafc;
}

.wla-factor-grid b{
  width:34px;
  height:34px;

  margin-bottom:13px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:#f1b52c;

  color:#102f4d;

  font-size:11px;
}

.wla-factor-grid strong{
  margin-bottom:7px;

  color:#123956;

  font-size:16px;
  font-weight:950;
}

.wla-factor-grid span{
  color:#667f94;

  font-size:13px;
  line-height:1.45;
}


/* MEMBER EXPERIENCE */

.wla-member{
  display:grid;
  grid-template-columns:1.15fr .85fr;

  gap:28px;

  align-items:center;
}

.wla-member-copy ul{
  display:grid;
  grid-template-columns:1fr 1fr;

  gap:9px 20px;

  margin-top:17px;
  padding-left:19px;

  color:#465f75;

  font-size:14px;
}

.wla-member-panel{
  min-height:240px;

  padding:28px;

  display:flex;
  flex-direction:column;
  justify-content:center;

  border-radius:18px;

  background:
    linear-gradient(
      135deg,
      #102f4d,
      #174d78
    );

  color:#fff;
}

.wla-member-panel > span{
  color:#f1b52c;

  font-size:10px;
  font-weight:950;

  letter-spacing:.8px;
}

.wla-member-panel h3{
  margin:10px 0 7px;

  font-size:35px;
  line-height:1;
}

.wla-member-panel strong{
  color:#d6e5f0;

  font-size:17px;
  line-height:1.35;
}


/* PRICING */

.wla-pricing{
  display:grid;
  grid-template-columns:1fr 400px;

  gap:35px;

  align-items:center;
}

.wla-price-card{
  padding:22px;

  border:1px solid #ebc765;
  border-radius:16px;

  background:#fff7df;
}

.wla-price-card > span{
  color:#765b1a;

  font-size:10px;
  font-weight:950;

  letter-spacing:.7px;
}

.wla-price-card > strong{
  display:block;

  margin:7px 0 5px;

  color:#102f4d;

  font-size:37px;
  line-height:1;
}

.wla-price-card > strong small{
  font-size:15px;
}

.wla-price-card p{
  color:#657b8f;

  font-size:12px;
}

.wla-price-card ul{
  margin:14px 0 18px;
  padding:0;

  display:grid;

  gap:8px;

  list-style:none;

  color:#425d73;

  font-size:13px;
}


/* FOOTER */

.wla-footer{
  min-height:72px;

  padding:0 32px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  background:#102f4d;

  color:#dce6ef;
}

.wla-footer > div:first-child{
  display:flex;
  flex-direction:column;
}

.wla-footer strong{
  color:#fff;

  font-size:14px;
}

.wla-footer span,
.wla-footer > div:last-child{
  margin-top:3px;

  font-size:11px;
}


/* ASSISTANT */

.wla-assistant-button{
  min-width:205px !important;
  min-height:52px !important;

  padding:9px 15px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  gap:9px !important;

  border-radius:999px !important;

  background:#123a5f !important;
  color:#fff !important;

  font-size:14px !important;
  font-weight:950 !important;

  box-shadow:
    0 10px 25px
    rgba(18,58,95,.25) !important;
}

.wla-assistant-ai{
  width:28px;
  height:28px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:
    rgba(255,255,255,.17);

  font-size:11px;
}


/* RESPONSIVE */

@media(max-width:1050px){

  .wla-hero-inner{
    grid-template-columns:1fr;
  }

  .wla-hero-proof{
    max-width:500px;
  }

  .wla-performance,
  .wla-not-tips,
  .wla-how,
  .wla-member,
  .wla-pricing{
    margin-left:14px;
    margin-right:14px;
  }

  .wla-member,
  .wla-pricing,
  .wla-not-tips{
    grid-template-columns:1fr;
  }

}


@media(max-width:760px){

  .wla-header-inner{
    grid-template-columns:1fr auto;
  }

  .wla-nav{
    display:none;
  }

  .wla-header-actions .wla-login{
    display:none;
  }

  .wla-hero-inner{
    padding:30px 18px;
  }

  .wla-hero-copy h1{
    font-size:41px;
  }

  .wla-performance-grid{
    grid-template-columns:1fr 1fr;
  }

  .wla-factor-grid{
    grid-template-columns:1fr;
  }

  .wla-member-copy ul{
    grid-template-columns:1fr;
  }

  .wla-hero-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .wla-hero-actions a{
    width:100%;
  }

}


/* WLA_CLOUD_SILK_CANONICAL_V2
   Authoritative Winning Line AI cloud silk layout.
   Do not override runner-top or runner-silk below this block.
*/

.runner-top{
    display:grid !important;

    grid-template-columns:
        42px
        48px
        minmax(0,1fr) !important;

    align-items:center !important;
    column-gap:12px !important;

    min-height:62px !important;
    width:100% !important;
}

.runner-number{
    grid-column:1 !important;

    width:42px !important;
    height:42px !important;

    min-width:42px !important;
    max-width:42px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    position:relative !important;
    z-index:3 !important;
}

.runner-silk{
    grid-column:2 !important;

    display:block !important;

    width:48px !important;
    height:58px !important;

    min-width:48px !important;
    max-width:48px !important;

    min-height:58px !important;
    max-height:58px !important;

    object-fit:contain !important;
    object-position:center center !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    background:transparent !important;

    overflow:hidden !important;

    position:relative !important;
    z-index:3 !important;

    opacity:1 !important;
    visibility:visible !important;

    transform:none !important;
    filter:none !important;
}

.runner-silk-placeholder{
    grid-column:2 !important;

    display:block !important;

    width:48px !important;
    height:58px !important;

    min-width:48px !important;
    max-width:48px !important;

    min-height:58px !important;
    max-height:58px !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    background:transparent !important;
}

.runner-name{
    grid-column:3 !important;

    min-width:0 !important;

    overflow:hidden !important;
    text-overflow:ellipsis !important;

    position:relative !important;
    z-index:2 !important;
}

/*
 Result colouring belongs to the runner card only.
 It must never alter the silk image.
*/

.runner.finish-1 .runner-silk,
.runner.finish-2 .runner-silk,
.runner.finish-3 .runner-silk,
.runner[class*="finish-"] .runner-silk{
    display:block !important;

    width:48px !important;
    height:58px !important;

    object-fit:contain !important;
    object-position:center center !important;

    opacity:1 !important;
    visibility:visible !important;

    transform:none !important;
    filter:none !important;

    background:transparent !important;
}

.runner-silk::before,
.runner-silk::after,
.runner-silk-placeholder::before,
.runner-silk-placeholder::after,
.runner.finish-1 .runner-silk::before,
.runner.finish-1 .runner-silk::after,
.runner.finish-2 .runner-silk::before,
.runner.finish-2 .runner-silk::after,
.runner.finish-3 .runner-silk::before,
.runner.finish-3 .runner-silk::after{
    content:none !important;
    display:none !important;
}

/* END_WLA_CLOUD_SILK_CANONICAL_V2 */

/* ==========================================================
   WLA_MOBILE_MEMBER_NAV_V1
   Keep desktop header unchanged.
   On mobile, expose member navigation as a horizontal
   swipe/scroll row beneath the main header row.
   ========================================================== */

@media (max-width:760px){

  .wla-header-inner{
    grid-template-columns:minmax(0,1fr) auto !important;
    row-gap:0 !important;
    padding-bottom:0 !important;
  }

  .wla-nav{
    display:flex !important;
    grid-column:1 / -1 !important;
    width:100% !important;
    min-width:0 !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:4px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:0 10px 7px !important;
    margin:0 !important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    white-space:nowrap;
  }

  .wla-nav::-webkit-scrollbar{
    display:none;
  }

  .wla-nav a{
    flex:0 0 auto !important;
    min-height:42px !important;
    padding:0 12px !important;
    font-size:12px !important;
    line-height:42px !important;
    white-space:nowrap !important;
    border-radius:7px !important;
  }

}

/* END_WLA_MOBILE_MEMBER_NAV_V1 */