/* UrAvgCoach — editorial / Athletic-inspired publication system */
:root{
  --uac-bg:#050409;--uac-bg2:#08060c;--uac-panel:#0b0810;--uac-panel2:#110b18;
  --uac-text:#fbf9fc;--uac-muted:#a9a1af;--uac-line:rgba(255,255,255,.105);
  --uac-orange:#ff641f;--uac-gold:#ffb51f;--uac-purple:#8c2cff;--uac-violet:#b348ff;
  --uac-max:1380px;--uac-shadow:0 22px 65px rgba(0,0,0,.34);
}
html{background:var(--uac-bg)}
body{background:var(--uac-bg)!important;color:var(--uac-text)!important;font-family:Inter,Arial,Helvetica,sans-serif!important;line-height:1.5!important}
body:before{display:none!important}
a{color:inherit}
.container{width:min(var(--uac-max),calc(100% - 48px))!important;margin-inline:auto!important}

/* sticky editorial masthead */
.siteHeader{position:sticky!important;top:0!important;z-index:100!important;background:rgba(5,4,9,.95)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid var(--uac-line)!important;box-shadow:none!important}
.navWrap{min-height:76px!important;height:76px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:26px!important}
.brand{display:flex!important;align-items:center!important;gap:9px!important;color:var(--uac-gold)!important;font-weight:900!important;font-size:20px!important;letter-spacing:-.02em!important}
.brand img{width:49px!important;height:49px!important;object-fit:contain!important;filter:none!important}
.navLinks{display:flex;align-items:center;gap:31px!important;font-size:13px!important;font-weight:760!important}
.navLinks a{height:76px!important;display:flex!important;align-items:center!important;position:relative!important;color:#e6e0e9!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.navLinks a:hover,.navLinks a.active{color:#fff!important}
.navLinks a:not(.navButton):after{content:""!important;position:absolute!important;left:0!important;right:100%!important;bottom:0!important;height:2px!important;background:linear-gradient(90deg,var(--uac-orange),var(--uac-purple))!important;transition:.2s!important}
.navLinks a:not(.navButton):hover:after,.navLinks a.active:not(.navButton):after{right:0!important}
.navLinks .navButton{height:auto!important;min-height:0!important;padding:10px 17px!important;border:1px solid transparent!important;border-radius:7px!important;background:linear-gradient(var(--uac-bg),var(--uac-bg)) padding-box,linear-gradient(90deg,var(--uac-orange),var(--uac-purple)) border-box!important;color:#fff!important;animation:none!important;box-shadow:none!important}
.menuButton{background:#0b0810!important;color:white!important;border:1px solid var(--uac-line)!important;border-radius:6px!important}

/* shared hero language */
.pageHero,.hero{position:relative!important;overflow:hidden!important;background:radial-gradient(circle at 74% 35%,rgba(140,44,255,.22),transparent 31%),radial-gradient(circle at 92% 82%,rgba(255,100,31,.15),transparent 28%),linear-gradient(90deg,#050409 0%,#07050b 50%,#0e0715 100%)!important;border-bottom:1px solid var(--uac-line)!important}
.pageHero:before,.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(166deg,transparent 0 56%,rgba(255,100,31,.13) 56.2% 56.7%,transparent 56.9% 60%,rgba(140,44,255,.12) 60.2% 60.7%,transparent 60.9%)}
.pageHero:after,.hero:after{display:none!important}
.pageHeroGrid{min-height:385px!important;display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:42px!important;align-items:center!important;position:relative!important;z-index:2!important;padding:42px 0!important}
.pageHeroGrid>div:first-child{max-width:760px}
.pageHero h1,.hero h1,.readerHero h1,.writeHero h1{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif!important;text-transform:uppercase!important;font-size:clamp(46px,5vw,74px)!important;line-height:.98!important;letter-spacing:.005em!important;margin:8px 0 16px!important;color:#fff!important}
.pageHero .lead,.hero .lead,.readerHero .lead,.writeHero .articleDeck{font-size:15px!important;line-height:1.58!important;color:#bdb5c2!important;max-width:610px!important}
.pill,.eyebrow,.kicker{display:inline-block!important;background:transparent!important;border:0!important;padding:0!important;color:var(--uac-orange)!important;font-size:9px!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-weight:900!important;border-radius:0!important}
.pageLogo{width:min(420px,82%)!important;max-height:285px!important;object-fit:contain!important;justify-self:center!important;filter:drop-shadow(0 28px 55px rgba(0,0,0,.45))!important}
.heroActions{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin-top:24px!important}
.button,.uacButton{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:11px 18px!important;border-radius:5px!important;border:1px solid var(--uac-line)!important;background:#0a0710!important;color:#fff!important;font-size:12px!important;font-weight:850!important;box-shadow:none!important;animation:none!important}
.buttonPrimary,.uacPrimary{border:0!important;background:linear-gradient(100deg,var(--uac-orange),#ef5030 55%,var(--uac-purple))!important;color:#fff!important;box-shadow:none!important}
.buttonSecondary,.uacGhost{background:#09070e!important;border-color:rgba(255,255,255,.15)!important;color:#fff!important}

/* editorial sections */
.section,.contactSection{padding:27px 0!important;border-bottom:1px solid var(--uac-line)!important;background:var(--uac-bg)!important}
.sectionSoft{background:#07050b!important}
.sectionHead{display:flex!important;justify-content:space-between!important;align-items:end!important;gap:24px!important;margin:0 0 14px!important;padding:0 0 10px!important;border-bottom:1px solid var(--uac-line)!important}
.sectionHead h2{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif!important;text-transform:uppercase!important;letter-spacing:.045em!important;font-size:18px!important;line-height:1.1!important;margin:4px 0 0!important}
.sectionHead p,.muted{color:var(--uac-muted)!important}

/* flat cards, no glow */
.featureGrid,.threeGrid,.contributorGrid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:13px!important}
.featureCard,.panel,.comingCard,.ctaPanel,.infoCard,.formCard,.contributorCard,.roleCard,.episodeCard,.articleCard,.reader,.authorCard,.searchBox,.adminPanel,.submissionCard{background:#0a0710!important;border:1px solid var(--uac-line)!important;border-radius:4px!important;box-shadow:none!important;transform:none!important}
.featureCard,.panel,.contributorCard{padding:20px!important}
.featureCard:hover,.panel:hover,.contributorCard:hover,.articleCard:hover,.episodeCard:hover{transform:none!important;border-color:rgba(255,100,31,.32)!important;box-shadow:none!important;background:#0d0912!important}
.featureTag,.comingBadge{color:var(--uac-orange)!important;background:transparent!important;border:0!important;padding:0!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.1em!important;font-weight:900!important}
.comingCard{text-align:left!important;padding:24px!important}
.comingCard h2{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif!important;text-transform:uppercase!important;font-size:28px!important;margin:8px 0 10px!important}
.comingCard p,.featureCard p,.panel p{color:var(--uac-muted)!important;font-size:12px!important}
.split{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}

/* Podcast */
.socialRow{display:flex!important;gap:9px!important;flex-wrap:wrap!important}.socialLink{background:#09070e!important;border:1px solid var(--uac-line)!important;border-radius:5px!important;box-shadow:none!important}
.podcastAutoGrid{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)!important;gap:16px!important}
.podcastPlayerPanel{background:#09070e!important;border:1px solid var(--uac-line)!important;border-radius:4px!important;overflow:hidden!important}
.podcastVideoWrap{background:#040306!important}.podcastPlayerActions{padding:13px!important;border-top:1px solid var(--uac-line)!important}

/* Resources / publication */
body.mediaPage{background:var(--uac-bg)!important}
body.mediaPage .mediaHero{padding:25px 0 0!important;border-bottom:1px solid var(--uac-line)!important;background:#050409!important}
body.mediaPage .heroTop{padding-bottom:18px!important}
body.mediaPage .mediaHero h1{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif!important;text-transform:uppercase!important;font-size:clamp(40px,4.5vw,64px)!important;line-height:.98!important;letter-spacing:.005em!important}
.searchShell{background:#09070e!important;border:1px solid var(--uac-line)!important;border-radius:4px!important}
.topicBar{border-top:1px solid var(--uac-line)!important}.topicButton{border-radius:0!important;background:transparent!important;border:0!important;border-bottom:2px solid transparent!important;color:#9d96a4!important}.topicButton.active,.topicButton:hover{border-bottom-color:var(--uac-orange)!important;color:#fff!important}
.sortSelect{background:#09070e!important;border:1px solid var(--uac-line)!important;color:#aaa3b1!important}
.leadStory{border:0!important;border-bottom:1px solid var(--uac-line)!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;grid-template-columns:.82fr 1.18fr!important}
.leadImage,.cardImage{border-radius:3px!important;background:#100b17!important}
.trendingItem,.storyCard{border:0!important;border-bottom:1px solid var(--uac-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.trendingItem:hover,.storyCard:hover{background:rgba(255,255,255,.018)!important}
.trendNumber{border-color:var(--uac-orange)!important;color:var(--uac-orange)!important}
.newsletter{background:#09070e!important;border:1px solid transparent!important;border-radius:5px!important;background:linear-gradient(#09070e,#09070e) padding-box,linear-gradient(90deg,var(--uac-purple),var(--uac-orange),var(--uac-purple)) border-box!important}
.savedDrawer{background:#08050c!important;border-left:1px solid var(--uac-line)!important}.savedFab{box-shadow:none!important}

/* contact */
.contactSection{padding:28px 0 48px!important}.contactGrid{display:grid!important;grid-template-columns:.78fr 1.22fr!important;gap:15px!important}
.infoCard,.formCard{padding:22px!important}.contactOption{border-bottom:1px solid var(--uac-line)!important;padding:14px 0!important}.contactOption:last-child{border-bottom:0!important}
.contactForm input,.contactForm textarea,.field input,.field select,.field textarea{background:#07050b!important;border:1px solid var(--uac-line)!important;color:#fff!important;border-radius:4px!important}

/* long-form media */
.articlePage{width:min(1220px,calc(100% - 40px))!important}.articleLayout{grid-template-columns:minmax(0,1fr) 300px!important;gap:42px!important}.articleTitle{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif!important;text-transform:uppercase!important;font-size:clamp(48px,7vw,82px)!important;line-height:.96!important;letter-spacing:.005em!important}.articleDeck{color:#c4bdc8!important}.articleContent{font-family:Georgia,'Times New Roman',serif!important;color:#eee9ef!important}.articleSidebar{background:#09070e!important;border:1px solid var(--uac-line)!important;border-radius:4px!important;box-shadow:none!important}.seriesPanel{background:#09070e!important;border:1px solid var(--uac-line)!important;border-radius:4px!important}
.authorHero,.editorShell{background:#09070e!important;border:1px solid var(--uac-line)!important;border-radius:4px!important;box-shadow:none!important}.statCard{background:#0b0810!important;border:1px solid var(--uac-line)!important;border-radius:4px!important}
.writeHero,.readerHero{padding:38px 0 20px!important;border-bottom:1px solid var(--uac-line)!important}.editorWrap,.richEditor{background:#07050b!important}.editorToolbar{background:#0d0912!important}.toolButton{background:#130d19!important;border-color:var(--uac-line)!important}

/* admin still functional, now visually consistent */
.adminBody{background:var(--uac-bg)!important}.adminStat{background:#0a0710!important;border:1px solid var(--uac-line)!important;border-radius:4px!important}.adminTabs .topicButton{padding:9px 12px!important;border:1px solid var(--uac-line)!important;border-radius:4px!important}.adminTabs .topicButton.active{border-color:var(--uac-orange)!important}

/* footer */
.footer{background:#050409!important;border-top:1px solid var(--uac-line)!important;color:#8f8796!important;padding:25px 0!important}.footerGrid{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:24px!important;flex-wrap:wrap!important}.footerBrand{display:flex!important;align-items:center!important;gap:10px!important}.footerBrand img{width:45px!important;height:45px!important;object-fit:contain!important;filter:none!important}.footerLinks{display:flex!important;gap:22px!important;flex-wrap:wrap!important;font-size:10px!important}.footerNote,.footerBottom{border-top:1px solid var(--uac-line)!important;margin-top:16px!important;padding-top:14px!important;color:#6f6875!important;font-size:9px!important}

.reveal{opacity:1!important;transform:none!important}
@media(max-width:1050px){.pageHeroGrid,.podcastAutoGrid,.split,.contactGrid,.articleLayout{grid-template-columns:1fr!important}.pageLogo{max-height:220px!important}.articleSidebar{position:static!important}.navLinks{display:none!important;position:absolute!important;left:18px!important;right:18px!important;top:76px!important;background:#09070e!important;border:1px solid var(--uac-line)!important;padding:12px!important;flex-direction:column!important;align-items:stretch!important;gap:0!important}.navLinks.open{display:flex!important}.navLinks a{height:44px!important}.menuButton{display:block!important}.featureGrid,.threeGrid,.contributorGrid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:650px){.container{width:min(100% - 22px,var(--uac-max))!important}.pageHeroGrid{min-height:auto!important;padding:30px 0!important}.pageLogo{display:none!important}.pageHero h1,.hero h1,.readerHero h1,.writeHero h1{font-size:42px!important}.featureGrid,.threeGrid,.contributorGrid{grid-template-columns:1fr!important}.heroActions{flex-direction:column!important}.heroActions .button{width:100%!important}.footerGrid{align-items:flex-start!important;flex-direction:column!important}.newsletter{grid-template-columns:1fr!important}.articleTitle{font-size:43px!important}}

/* =========================================================
   MOBILE REDESIGN — intentional phone layout
   ========================================================= */
@media(max-width:650px){
  html,body{overflow-x:hidden!important}
  body{font-size:16px!important}
  .container{width:min(100% - 28px,var(--uac-max))!important}

  /* Header */
  .navWrap{min-height:64px!important;height:64px!important;gap:12px!important}
  .brand{font-size:18px!important;gap:8px!important}
  .brand img{width:42px!important;height:42px!important}
  .menuButton{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;padding:0!important;border-radius:10px!important;font-size:0!important;position:relative!important}
  .menuButton:before{content:"☰";font-size:22px!important;line-height:1!important;color:#fff!important}
  .navLinks{left:14px!important;right:14px!important;top:64px!important;padding:8px!important;border-radius:12px!important;background:rgba(9,7,14,.98)!important;box-shadow:0 18px 42px rgba(0,0,0,.4)!important}
  .navLinks a{height:48px!important;padding:0 12px!important;border-radius:8px!important}
  .navLinks .navButton{min-height:48px!important;margin-top:6px!important}

  /* Heroes */
  .pageHeroGrid{min-height:auto!important;display:block!important;padding:72px 0 56px!important}
  .pageHeroGrid>div:first-child{max-width:none!important}
  .pageLogo{display:none!important}
  .pageHero h1,.hero h1,.readerHero h1,.writeHero h1{font-size:clamp(42px,13vw,58px)!important;line-height:.94!important;letter-spacing:-.015em!important;margin:10px 0 18px!important}
  .pageHero .lead,.hero .lead,.readerHero .lead,.writeHero .articleDeck{font-size:17px!important;line-height:1.6!important;max-width:none!important}
  .pill,.eyebrow,.kicker{font-size:10px!important;letter-spacing:.16em!important}
  .heroActions{margin-top:22px!important;gap:10px!important}
  .heroActions .button,.heroActions .uacButton{width:100%!important;min-height:50px!important;font-size:14px!important;border-radius:9px!important}

  /* General sections */
  .section,.contactSection{padding:22px 0!important}
  .sectionHead{display:block!important;margin-bottom:16px!important;padding-bottom:10px!important}
  .sectionHead h2{font-size:24px!important;line-height:1.05!important}
  .sectionHead p{margin-top:8px!important;font-size:14px!important}

  /* Cards / grids */
  .featureGrid,.threeGrid,.contributorGrid,.split,.contactGrid,.podcastAutoGrid,.articleLayout{grid-template-columns:1fr!important;gap:12px!important}
  .featureCard,.panel,.comingCard,.ctaPanel,.infoCard,.formCard,.contributorCard,.roleCard,.episodeCard,.articleCard,.reader,.authorCard,.searchBox,.adminPanel,.submissionCard{border-radius:12px!important}
  .featureCard,.panel,.contributorCard,.comingCard,.infoCard,.formCard{padding:18px!important}
  .comingCard h2{font-size:30px!important;line-height:1.02!important}
  .comingCard p,.featureCard p,.panel p{font-size:14px!important;line-height:1.55!important}

  /* Buttons / inputs */
  .button,.uacButton{min-height:48px!important;padding:13px 16px!important;font-size:14px!important;border-radius:9px!important}
  .contactForm input,.contactForm textarea,.field input,.field select,.field textarea{min-height:48px!important;font-size:16px!important;border-radius:9px!important}

  /* Podcast */
  .podcastPlayerPanel{border-radius:12px!important}
  .podcastPlayerActions{padding:14px!important}
  .socialRow{gap:8px!important}
  .socialLink{min-height:44px!important;border-radius:9px!important}

  /* Resources */
  body.mediaPage .mediaHero{padding:18px 0 0!important}
  body.mediaPage .mediaHero h1{font-size:clamp(40px,12vw,54px)!important}
  .searchShell{border-radius:10px!important}
  .topicBar{overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;padding-bottom:2px!important}
  .topicButton{display:inline-flex!important;min-height:44px!important;padding:0 10px!important}
  .leadStory{grid-template-columns:1fr!important;gap:18px!important;padding-bottom:20px!important}
  .leadImage,.cardImage{border-radius:10px!important;aspect-ratio:16/10!important;object-fit:cover!important;width:100%!important}
  .newsletter{border-radius:12px!important;padding:18px!important}

  /* Article pages */
  .articlePage{width:min(100% - 28px,1220px)!important}
  .articleTitle{font-size:clamp(42px,13vw,58px)!important;line-height:.94!important}
  .articleContent{font-size:18px!important;line-height:1.72!important}
  .articleContent img{width:100%!important;height:auto!important;border-radius:10px!important}
  .articleSidebar,.seriesPanel,.authorHero,.editorShell,.statCard{border-radius:12px!important}
  .writeHero,.readerHero{padding:28px 0 18px!important}

  /* Admin */
  .adminStat{border-radius:12px!important;padding:16px!important}
  .adminTabs{overflow-x:auto!important;white-space:nowrap!important;display:flex!important;gap:8px!important;padding-bottom:4px!important;-webkit-overflow-scrolling:touch!important}
  .adminTabs .topicButton{flex:0 0 auto!important;min-height:44px!important;border-radius:9px!important}
  .analyticsCards,.overviewGrid,.healthGrid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .adminGrid{grid-template-columns:1fr!important;gap:12px!important}
  .adminTable{display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .adminPanel{padding:16px!important}

  /* Footer */
  .footer{padding:22px 0 28px!important}
  .footerGrid{gap:16px!important}
  .footerBrand img{width:40px!important;height:40px!important}
  .footerLinks{gap:14px!important;font-size:11px!important}
  .footerNote,.footerBottom{font-size:10px!important}
}

@media(max-width:420px){
  .container{width:min(100% - 22px,var(--uac-max))!important}
  .pageHeroGrid{padding:60px 0 46px!important}
  .pageHero h1,.hero h1,.readerHero h1,.writeHero h1{font-size:clamp(39px,12.5vw,50px)!important}
  .pageHero .lead,.hero .lead,.readerHero .lead,.writeHero .articleDeck{font-size:16px!important}
  .analyticsCards,.overviewGrid,.healthGrid{grid-template-columns:1fr!important}
}