/* Blog "Conseils & coaching" / "Coaching advice": global black / white charter, Geometria, BOOK blue accents. Mobile first. */
.blog-page{margin:0;background:#fff;color:var(--global-black,#050505);overflow-x:clip}
.blog-page *,.blog-page *::before,.blog-page *::after{box-sizing:border-box}
.blog-page main{display:block}
:where(.blog-page main) img{display:block;max-width:100%;height:auto;border-radius:0}
.blog-page main figure{margin:0}
.blog-page a:focus-visible,.blog-page summary:focus-visible{outline:3px solid var(--global-blue,#004b87);outline-offset:3px}
.bl-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bl-eyebrow{margin:0 0 14px;color:var(--global-blue,#004b87);font-size:11px;font-weight:700;letter-spacing:.16em;line-height:1.4;text-transform:uppercase}

/* Breadcrumb + language switch */
.bl-crumbs{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--global-line,#d9dde1);font-size:12px}
.bl-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 0;margin:0;padding:0;list-style:none;min-width:0}
.bl-crumbs li{color:var(--global-muted,#62676d)}
.bl-crumbs li+li::before{content:"/";margin:0 8px;color:#b5bcc4}
.bl-crumbs a{color:var(--global-muted,#62676d);text-decoration:none}
.bl-crumbs a:hover{color:var(--global-black,#050505);opacity:1}
.bl-crumbs li[aria-current]{color:var(--global-black,#050505);font-weight:700}
.bl-lang{flex:none;padding:6px 12px;border:1px solid var(--global-line,#d9dde1);border-radius:999px;color:var(--global-black,#050505);font-size:11px;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.bl-lang:hover{border-color:var(--global-black,#050505);opacity:1}
@media(max-width:699px){.bl-crumbs ol li:not(:first-child):not(:nth-last-child(2)){display:none}.bl-crumbs ol li:nth-last-child(2)::before{content:"/"}.bl-crumbs li[aria-current]{display:none}}

/* Titles */
html body.blog-page:not(#bl) main h1{margin:0 0 18px;font-size:clamp(34px,8.5vw,60px)!important;font-weight:900!important;line-height:1!important;letter-spacing:-.04em!important;text-transform:none!important}
html body.blog-page:not(#bl) main h2{margin:0 0 18px;font-size:clamp(26px,6vw,38px)!important;font-weight:900!important;line-height:1.08!important;letter-spacing:-.03em!important;text-transform:none!important}
html body.blog-page:not(#bl) main h3{margin:28px 0 10px;font-size:clamp(19px,4.4vw,23px)!important;font-weight:700!important;line-height:1.25!important;letter-spacing:-.01em!important;text-transform:none!important}
.bl-standfirst{margin:0;max-width:640px;color:#2b2f33;font-size:clamp(17px,4.4vw,20px);line-height:1.5}

/* Article hero */
.bl-hero{display:grid;gap:28px;padding:32px 20px 36px}
.bl-byline{display:flex;flex-wrap:wrap;gap:6px 18px;margin:22px 0 0;color:var(--global-muted,#62676d);font-size:13px}
.bl-byline span:first-child{color:var(--global-black,#050505);font-weight:700}
.bl-hero-media img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 30%}

/* Article layout: sticky contents + body */
.bl-layout{display:grid;gap:28px;padding:0 20px 56px}
.bl-toc{padding:18px 18px 8px;border:1px solid var(--global-line,#d9dde1);font-size:14px}
.bl-toc>p{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.bl-toc ol{margin:0;padding:0 0 0 18px}
.bl-toc li{margin:0 0 10px;line-height:1.35}
.bl-toc a{color:var(--global-black,#050505);text-decoration:none}
.bl-toc a:hover{color:var(--global-blue,#004b87);opacity:1}
.bl-body{min-width:0;max-width:760px}
.bl-body p,.bl-body li,.bl-list-intro p{font-size:17px;line-height:1.7}
.bl-body p{margin:0 0 18px}
.bl-body ul,.bl-body ol{margin:0 0 22px;padding-left:22px}
.bl-body li{margin:0 0 8px}
.bl-body a,.bl-list-intro a,.bl-faq a{color:var(--global-blue,#004b87);text-decoration:underline;text-underline-offset:3px}
.bl-section{padding-top:28px;scroll-margin-top:96px}
.bl-section+.bl-section{border-top:1px solid #eceff2;margin-top:12px}

/* Key takeaways (GEO), tips, quotes, tables, figures */
.bl-essentials{margin:0 0 12px;padding:22px 22px 6px;border-left:4px solid var(--global-blue,#004b87);background:#f3f6f9}
.bl-essentials-label,.bl-tip-label{margin:0 0 10px!important;font-size:11px!important;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--global-blue,#004b87)}
.bl-essentials ul{margin:0 0 14px;padding-left:20px}
.bl-tip{margin:24px 0;padding:20px 22px;border:1px solid #cfe0ef;background:#f6faff}
.bl-tip p:last-child{margin-bottom:0}
.bl-quote{margin:28px 0;padding:4px 0 4px 22px;border-left:3px solid var(--global-black,#050505)}
.bl-quote p{font-size:20px!important;font-weight:700;line-height:1.4!important}
.bl-quote cite{display:block;color:var(--global-muted,#62676d);font-size:13px;font-style:normal}
.bl-table{margin:0 0 24px;overflow-x:auto}
.bl-table table{width:100%;border-collapse:collapse;font-size:15px}
.bl-table th,.bl-table td{padding:10px 12px;border-bottom:1px solid var(--global-line,#d9dde1);text-align:left;vertical-align:top}
.bl-table th{background:#f3f6f9;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.bl-figure{margin:8px 0 26px!important}
.bl-figure img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:50% 30%}
.bl-figure figcaption{margin-top:8px;color:var(--global-muted,#62676d);font-size:13px}

/* FAQ */
.bl-faq{padding-top:36px}
.bl-faq details{border-top:1px solid var(--global-line,#d9dde1)}
.bl-faq details:last-child{border-bottom:1px solid var(--global-line,#d9dde1)}
.bl-faq summary{position:relative;padding:18px 40px 18px 0;cursor:pointer;font-size:17px;font-weight:700;line-height:1.35;list-style:none}
.bl-faq summary::-webkit-details-marker{display:none}
.bl-faq summary::after{content:"+";position:absolute;right:4px;top:14px;font-size:24px;font-weight:400}
.bl-faq details[open] summary::after{content:"–"}
.bl-faq details>div p{margin:0 0 18px;font-size:16px;line-height:1.65}

/* Program cards (inline and end-of-article): same family as the French Riviera camp cards (photo, blue top line, pills). */
.bl-program,.bl-inline-program{position:relative;display:grid;grid-template-columns:38% minmax(0,1fr);min-height:150px;overflow:hidden;border:0;border-radius:10px;background:#faf8f4;color:#001937!important;text-decoration:none!important;transition:transform .2s,box-shadow .2s}
.bl-program::before,.bl-inline-program::before{content:"";position:absolute;top:0;left:38%;right:0;height:5px;background:#1f92f0}
.bl-inline-program{margin:26px 0}
.bl-program:hover,.bl-inline-program:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.18);opacity:1}
.bl-program-photo img{width:100%;height:100%;min-height:150px;object-fit:cover;object-position:50% 30%}
.bl-program-copy{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 16px 14px}
.bl-program-badges{display:flex;flex-wrap:wrap;gap:4px}
.bl-program-badges span{padding:3px 7px;border:1px solid #aaa59b;border-radius:999px;color:#555;font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.bl-program-name{color:#001937;font-size:18px;font-weight:900;line-height:1.1;letter-spacing:-.01em}
.bl-program-pitch{color:#3b4350;font-size:13px;line-height:1.45}
.bl-program-cta{margin-top:auto;padding:2px 0;border-bottom:1.5px solid #001937;color:#001937;font-size:10px;font-weight:700;letter-spacing:.12em}
.bl-programs{padding:56px 20px;background:var(--global-black,#050505);color:#fff}
.bl-programs .bl-eyebrow{color:#8ccaff}
html body.blog-page:not(#bl) .bl-programs h2{color:#fff}
.bl-programs-head>p:last-child{margin:0 0 28px;max-width:620px;color:rgba(255,255,255,.8);font-size:16px;line-height:1.6}
.bl-program-grid{display:grid;gap:14px;margin-bottom:26px}
.bl-button{display:inline-flex;align-items:center;gap:12px;min-height:50px;padding:15px 26px;border:1px solid var(--global-blue,#004b87);border-radius:999px;background:var(--global-blue,#004b87);color:#fff!important;font-size:12px;font-weight:700;letter-spacing:.08em;text-decoration:none}
.bl-button-outline{background:transparent;border-color:rgba(255,255,255,.7)}
.bl-button-outline:hover{background:#fff;color:var(--global-black,#050505)!important;opacity:1}

/* Article cards (listings and related) */
.bl-card-grid{display:grid;gap:16px}
.bl-card{display:flex;flex-direction:column;border:1px solid var(--global-line,#d9dde1);background:#fff;color:inherit!important;text-decoration:none!important}
.bl-card:hover{border-color:var(--global-black,#050505);opacity:1}
.bl-card-photo{display:block;aspect-ratio:3/2;overflow:hidden;background:#e9ebed}
.bl-card-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform .5s ease}
.bl-card:hover .bl-card-photo img{transform:scale(1.03)}
.bl-card-copy{display:flex;flex-direction:column;gap:6px;padding:16px 18px 20px}
.bl-card-eyebrow{color:var(--global-blue,#004b87);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.bl-card-title{font-size:19px;font-weight:900;line-height:1.15;letter-spacing:-.01em}
.bl-card-text{color:var(--global-muted,#62676d);font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bl-related{padding:56px 20px;border-top:1px solid var(--global-line,#d9dde1)}

/* Listing pages (hubs and categories) */
.bl-list-hero{display:grid;background:var(--global-black,#050505);color:#fff}
.bl-list-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:40px 20px}
.bl-list-hero .bl-eyebrow{color:#8ccaff}
html body.blog-page:not(#bl) .bl-list-hero h1{color:#fff}
.bl-list-hero .bl-standfirst{color:rgba(255,255,255,.85)}
.bl-list-hero-media img{width:100%;height:100%;aspect-ratio:16/10;object-fit:cover;object-position:50% 30%}
.bl-list-intro{max-width:860px;padding:24px 20px 8px}
.bl-group{padding:40px 20px 8px}
.bl-group-head{max-width:760px;margin-bottom:22px}
.bl-group-head p{margin:0;color:var(--global-muted,#62676d);font-size:16px;line-height:1.6}
.bl-list-faq{max-width:860px;padding:24px 20px 56px}

@media(min-width:700px){
  .bl-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bl-program,.bl-inline-program{grid-template-columns:180px minmax(0,1fr)}
  .bl-program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1000px){
  .bl-crumbs,.bl-hero,.bl-layout,.bl-programs,.bl-related,.bl-group,.bl-list-intro,.bl-list-faq{padding-left:max(48px,calc((100vw - 1240px)/2));padding-right:max(48px,calc((100vw - 1240px)/2))}
  .bl-list-intro,.bl-list-faq{max-width:none}
  .bl-list-intro>*,.bl-list-faq>*{max-width:860px}
  .bl-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:56px;padding-top:56px;padding-bottom:56px}
  .bl-layout{grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:start}
  .bl-toc{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto}
  .bl-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .bl-program-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bl-list-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:440px}
  .bl-list-hero-copy{padding:56px 56px 56px max(48px,calc((100vw - 1240px)/2))}
  .bl-list-hero-media img{aspect-ratio:auto}
  .bl-programs,.bl-related{padding-top:80px;padding-bottom:80px}
}
@media(min-width:901px){.blog-page main{padding-top:48px}}
/* End-of-page offers on light grey (the shared newsletter below is dark) */
.bl-programs{background:#f1f3f5;color:var(--global-black,#050505)}
.bl-programs .bl-eyebrow{color:var(--global-blue,#004b87)}
html body.blog-page:not(#bl) .bl-programs h2{color:var(--global-black,#050505)}
.bl-programs-head>p:last-child{color:#2b2f33}
.bl-programs .bl-button-outline{border-color:var(--global-black,#050505);color:var(--global-black,#050505)!important}
.bl-programs .bl-button-outline:hover{background:var(--global-black,#050505);color:#fff!important}
/* Key takeaways & tips, brand black-and-white: black rule on top, caps label, numbered rows with thin dividers (no tinted box, no side bar) */
html body .bl-essentials:not(.cs-essentials),html body .bl-tip{margin:28px 0;padding:18px 0 4px;border:0;border-top:3px solid #050505;background:transparent}
html body .bl-essentials-label,html body .bl-tip-label{color:#050505!important;font:800 12px/1 Geometria,Arial,sans-serif!important;letter-spacing:.16em!important;margin:0 0 6px!important}
html body .bl-essentials ul{list-style:none;margin:0;padding:0;counter-reset:bl-take}
html body .bl-essentials li{position:relative;counter-increment:bl-take;margin:0;padding:14px 0 14px 46px;border-bottom:1px solid #e3e3e3}
html body .bl-essentials li:last-child{border-bottom:0}
html body .bl-essentials li::before{content:counter(bl-take,decimal-leading-zero);position:absolute;left:0;top:16px;font:800 15px/1.2 'Geometria Figures',Geometria,Arial,sans-serif;color:#050505}
html body .bl-essentials li::marker{content:''}
html body .bl-tip{border-top-width:1px;border-bottom:1px solid #050505;padding-bottom:16px}
/* Mobile (blog hub + articles): sticky header with the logo and a burger (the group pills move into the burger),
   and a bottom bar with two links in the page language: tennis camps and the academy. */
@media(max-width:900px){
 html body.blog-page:not(#blog-thin)>.site-nav{position:sticky!important;top:0!important;z-index:100;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;min-height:48px!important;height:48px!important;padding:2px 4px 2px 16px!important;background:#050505!important}
 html body.blog-page>.site-nav>a:first-child{flex:0 1 118px;margin:0!important;line-height:0}
 html body.blog-page>.site-nav>a:first-child img{width:118px!important;max-width:118px!important;height:auto!important}
 html body.blog-page>.site-nav .generic-header-links,html body.blog-page>.site-nav .generic-header-actions{display:none!important}
 html body.blog-page .site-nav>.mobile-menu-toggle{display:inline-flex!important;position:relative;flex:none;width:44px;height:44px;min-height:44px;margin:0 0 0 auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;font-size:0!important}
 html body.blog-page .site-nav>.mobile-menu-toggle::before,html body.blog-page .site-nav>.mobile-menu-toggle::after{content:"";position:absolute;left:12px;top:18px;width:20px;height:1px;background:currentColor;transition:transform .2s ease,top .2s ease}
 html body.blog-page .site-nav>.mobile-menu-toggle::after{top:25px}
 html body.blog-page .site-nav>.mobile-menu-toggle[aria-expanded="true"]::before{top:22px;transform:rotate(45deg)}
 html body.blog-page .site-nav>.mobile-menu-toggle[aria-expanded="true"]::after{top:22px;transform:rotate(-45deg)}
 html body.blog-page .site-nav .mobile-navigation{display:none!important}
 html body.blog-page .site-nav .mobile-navigation.is-open{position:fixed!important;inset:48px 0 calc(72px + env(safe-area-inset-bottom))!important;height:auto;display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:20px 24px;gap:0;overflow-y:auto;overflow-x:hidden;z-index:2;background:#050505!important}
 html body.blog-page .site-nav .mobile-navigation.is-open a{justify-content:flex-start;border:0!important;border-bottom:1px solid #333!important;border-radius:0!important;background:transparent!important;min-height:56px;padding:18px 0!important;font-size:20px!important;white-space:normal}
 html body.blog-page>.mobile-header-actions .mobile-header-actions-link{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 12px;border:1px solid #fff;border-radius:999px;background:transparent;color:#fff!important;font:700 11px/1 Geometria,Arial,sans-serif;letter-spacing:.1em;text-align:center;text-decoration:none;white-space:nowrap}
 html body.blog-page>.mobile-header-actions .mobile-header-actions-link:last-child{background:var(--global-blue,#004b87);border-color:var(--global-blue,#004b87)}
}
html:has(body.blog-page .site-nav .mobile-navigation.is-open){overflow:hidden}
html body.blog-page:has(.site-nav .mobile-navigation.is-open){overflow:visible!important}
/* Desktop (blog hub + articles): slim header, 48px. */
@media(min-width:901px){
 html body.blog-page:not(#blog-thin)>.site-nav{min-height:48px!important;height:48px;padding:0 24px!important;gap:28px!important;background:#050505!important}
 html body.blog-page>.site-nav>a:first-child img{width:118px!important}
 html body.blog-page>.site-nav .generic-header-links{gap:24px!important;margin-left:8px}
 html body.blog-page>.site-nav .generic-header-links>a,html body.blog-page>.site-nav .generic-header-actions>a{min-height:30px!important;font-size:10px!important}
 html body.blog-page>.site-nav .generic-header-actions{gap:8px!important}
 html body.blog-page>.site-nav .generic-header-actions>a{padding:0 14px!important}
}
/* Article sub-header (blog-subnav.js): slim white bar stuck under the header. Category back link on the left, the
   section being read in the middle (opens the contents), black reading-progress line at the bottom. */
.bl-subnav{position:sticky;top:48px;z-index:45;background:#fff;border-bottom:1px solid #e3e3e3;font-family:Geometria,Arial,sans-serif}
.bl-subnav-inner{display:flex;align-items:center;gap:16px;max-width:1180px;height:44px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.bl-subnav-back{flex:none;color:#050505!important;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;white-space:nowrap;padding-right:16px;border-right:1px solid #e3e3e3}
.bl-subnav-back:hover{opacity:.6}
.bl-subnav-toggle{display:flex;align-items:center;gap:10px;min-width:0;flex:1;height:44px;padding:0;border:0;background:none;color:#050505;font:600 13px Geometria,Arial,sans-serif;text-align:left;cursor:pointer}
.bl-subnav-step{flex:none;font:800 11px 'Geometria Figures',Geometria,Arial,sans-serif;letter-spacing:.06em;color:#8a8a8a}
.bl-subnav-step:empty{display:none}
.bl-subnav-current{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl-subnav-arrow{flex:none;width:7px;height:7px;margin:-3px 2px 0 auto;border-right:1.5px solid #050505;border-bottom:1.5px solid #050505;transform:rotate(45deg);transition:transform .2s}
.bl-subnav-toggle[aria-expanded=true] .bl-subnav-arrow{transform:rotate(-135deg);margin-top:3px}
.bl-subnav-list{position:absolute;left:0;right:0;top:100%;max-width:1180px;max-height:min(70vh,520px);overflow:auto;margin:0 auto;padding:8px 24px 16px;list-style:none;background:#fff;border-bottom:1px solid #050505;box-shadow:0 18px 40px rgba(0,0,0,.12);box-sizing:border-box}
.bl-subnav-list[hidden]{display:none}
.bl-subnav-list a{display:flex;gap:16px;padding:13px 0;border-bottom:1px solid #eee;color:#050505!important;font-size:15px;line-height:1.35;text-decoration:none}
.bl-subnav-list li:last-child a{border-bottom:0}
.bl-subnav-list a span{flex:none;width:22px;font:800 12px/1.6 'Geometria Figures',Geometria,Arial,sans-serif;color:#8a8a8a}
.bl-subnav-list a[aria-current]{font-weight:700}
.bl-subnav-list a[aria-current] span{color:#050505}
.bl-subnav-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#050505;transform:scaleX(0);transform-origin:left}
@media(min-width:901px){.blog-article-page .bl-toc{top:116px}.blog-article-page .bl-section,.blog-article-page #bl-faq-title{scroll-margin-top:116px}}
@media(max-width:900px){.bl-subnav-inner{padding:0 16px;gap:12px}.bl-subnav-back{font-size:9px;padding-right:12px;max-width:38%;overflow:hidden;text-overflow:ellipsis}.bl-subnav-list{padding:4px 16px 12px}.blog-article-page .bl-section,.blog-article-page #bl-faq-title{scroll-margin-top:104px}}
/* Left column boxes under the contents (shop, competition camp, fitness camps, Mental Boost): desktop sidebar, and on
   mobile right under the contents block. */
@media(min-width:1100px){
  .bl-layout>.bl-side{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 120px);overflow:auto;padding-bottom:8px}
  .bl-side>.bl-toc{position:static;max-height:none}
}
.bl-side .bl-shop{display:flex;flex-direction:column;gap:10px;margin-top:18px;padding:20px 18px 18px;border-radius:4px;background:#2b2b2b;color:#fff!important;text-decoration:none!important;box-shadow:inset 0 3px 0 #ff5a00;transition:transform .2s,box-shadow .2s}
.bl-side .bl-shop:hover{transform:translateY(-2px);box-shadow:inset 0 3px 0 #ff5a00,0 14px 28px rgba(0,0,0,.22)}
.bl-shop-logo{display:block;width:150px;height:auto}
.bl-shop-eyebrow{font-size:10px;font-weight:700;letter-spacing:.14em}
.bl-shop-title{margin-top:4px;font-family:Panchang,Geometria,Arial,sans-serif;font-size:19px;font-weight:800;letter-spacing:.04em;line-height:1.05;text-transform:uppercase}
.bl-shop-text{color:rgba(255,255,255,.78);font-size:13px;line-height:1.45}
.bl-shop-cta{align-self:flex-start;margin-top:4px;padding:10px 14px;border-radius:2px;background:#ff5a00;color:#fff;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.bl-side .bl-shop:hover .bl-shop-cta{background:#ff5e27}
/* Academy boxes (competition, fitness, Mental Boost): navy and blue */
.bl-side :is(.bl-promo,.bl-boost-side){background:#001937;box-shadow:inset 0 3px 0 #1f92f0;border-radius:10px}
.bl-side :is(.bl-promo,.bl-boost-side):hover{box-shadow:inset 0 3px 0 #1f92f0,0 14px 28px rgba(0,25,55,.25)}
.bl-side :is(.bl-promo,.bl-boost-side) .bl-shop-eyebrow{color:#8ccaff}
.bl-side :is(.bl-promo,.bl-boost-side) .bl-shop-title{font-family:Geometria,Arial,sans-serif;font-size:19px;font-weight:900;letter-spacing:0;line-height:1.15;text-transform:none}
.bl-side :is(.bl-promo,.bl-boost-side) .bl-shop-cta{background:#1f92f0;border-radius:999px}
.bl-side :is(.bl-promo,.bl-boost-side):hover .bl-shop-cta{background:#fff;color:#001937}
.bl-promo-list{display:grid;gap:7px;margin:2px 0 4px;padding:0;list-style:none}
.bl-promo-list li{position:relative;padding-left:18px;color:rgba(255,255,255,.86);font-size:13px;line-height:1.4}
.bl-promo-list li::before{content:"";position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:50%;background:#1f92f0}
@media(max-width:1099px){.bl-side .bl-shop{margin:16px 0 0}}
/* Listing pages: sticky anchors to the article groups (scrollable pills on mobile) */
.bl-jumps{position:sticky;top:48px;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid #e3e3e3}
.bl-jumps-inner{display:flex;gap:8px;max-width:1240px;margin:0 auto;padding:10px 24px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.bl-jumps-inner::-webkit-scrollbar{display:none}
html body .bl-jumps a{flex:none;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #d9dde1;border-radius:999px;color:#050505!important;font:700 11px/1 Geometria,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;white-space:nowrap;scroll-snap-align:start;transition:background .15s,color .15s,border-color .15s}
.bl-jumps a span{padding:3px 6px;border-radius:999px;background:#f1f3f5;color:#62676d;font-size:10px;letter-spacing:0}
html body .bl-jumps a:hover{border-color:#050505}
html body .bl-jumps a.is-active{background:#050505;border-color:#050505;color:#fff!important}
.bl-jumps a.is-active span{background:rgba(255,255,255,.18);color:#fff}
.blog-listing-page .bl-group{scroll-margin-top:110px}
@media(max-width:700px){.bl-jumps-inner{padding:8px 16px}.bl-jumps-inner::after{content:"";flex:0 0 8px}}
/* Mental game articles: Boost Mental camp option */
.bl-boost{display:grid;grid-template-columns:1fr;margin:40px 0 8px;overflow:hidden;border-radius:12px;background:#001937;color:#fff}
.bl-boost-photo{margin:0}
.bl-boost-photo img{display:block;width:100%;height:100%;min-height:200px;max-height:260px;object-fit:cover}
.bl-boost-copy{padding:24px 22px 26px}
.bl-boost-eyebrow{margin:0 0 8px;color:#8ccaff;font-size:10px;font-weight:700;letter-spacing:.14em}
html body.blog-page .bl-boost-title{margin:0 0 10px;color:#fff;font-size:24px;font-weight:900;line-height:1.1}
html body.blog-page .bl-boost-copy>p:not([class]){margin:0 0 14px;color:rgba(255,255,255,.82);font-size:15px;line-height:1.55}
.bl-boost ol{display:grid;gap:8px;margin:0 0 20px;padding:0;list-style:none;counter-reset:boost}
.bl-boost li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;counter-increment:boost}
.bl-boost li::before{content:counter(boost);flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#1f92f0;color:#fff;font-size:11px;font-weight:800}
html body .bl-boost-cta{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:999px;background:#fff;color:#001937!important;font-size:11px;font-weight:700;letter-spacing:.12em;text-decoration:none!important;text-transform:uppercase}
html body .bl-boost-cta:hover{background:#1f92f0;color:#fff!important}
@media(min-width:700px){.bl-boost{grid-template-columns:38% 1fr}.bl-boost-photo img{max-height:none}}
@media(min-width:1100px){.bl-side .bl-boost-side{background:#001937;box-shadow:inset 0 3px 0 #1f92f0}.bl-side .bl-boost-side .bl-shop-title{font-family:Geometria,Arial,sans-serif;font-size:18px;letter-spacing:0;text-transform:none}.bl-side .bl-boost-side .bl-shop-eyebrow{color:#8ccaff}.bl-side .bl-boost-side .bl-shop-cta{background:#1f92f0;border-radius:999px}}
.bl-side .bl-shop-cta{white-space:nowrap}
/* Lighter academy boxes */
.bl-side :is(.bl-promo,.bl-boost-side){gap:6px;padding:14px 16px 16px}
.bl-side :is(.bl-promo,.bl-boost-side) .bl-shop-title{margin-top:2px;font-size:16px}
.bl-side .bl-promo .bl-promo-list{gap:4px;margin:0}
.bl-side .bl-promo .bl-promo-list li{font-size:12.5px}
.bl-side :is(.bl-promo,.bl-boost-side) .bl-shop-cta{margin-top:6px;padding:8px 12px}
/* Listing pages: stronger group titles (blue rule, large title, underline across the grid) */
.blog-listing-page .bl-group{padding-top:56px}
.blog-listing-page .bl-group-head{max-width:none;margin-bottom:26px;padding-bottom:16px;border-bottom:2px solid #050505}
html body.blog-page .blog-listing-page .bl-group-head h2,html body.blog-listing-page .bl-group-head h2{display:flex;align-items:center;gap:14px;margin:0;font-size:clamp(30px,4vw,46px);line-height:1;letter-spacing:-.02em;text-transform:uppercase}
html body.blog-listing-page .bl-group-head h2::before{content:"";flex:none;width:10px;height:.8em;border-radius:2px;background:#1f92f0}
.blog-listing-page .bl-group-head p{margin-top:10px;max-width:760px}