/* /keep-reading.css */
.keep-reading{max-width:900px;margin:8px auto 34px;padding:0 18px}.keep-reading>h2{font-size:26px;margin:0 0 14px;text-transform:uppercase;letter-spacing:-.01em}.keep-reading .blog-grid{display:flex!important;flex-direction:column}

/* /ahd-polish.css */
/* AHD polish layer — motion, micro-interactions and small fixes on top of the existing
   design. Nothing here changes layout, colors or fonts. Motion only runs when the visitor's
   device allows it (html.ahd-motion is set by ahd-polish.js). */

/* ---- No sideways wiggle on phones (clip does not break sticky headers) ---- */
html,body{overflow-x:clip}

/* ---- Scroll reveal ---- */
html.ahd-motion .rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--rv-d,0s)}
html.ahd-motion .rv.in{opacity:1;transform:none}
html.ahd-motion .rv-l{transform:translateX(-26px)}
html.ahd-motion .rv-l.in{transform:none}

/* ---- Hero entrance ---- */
html.ahd-motion .hero-in>*{animation:ahdUp .8s cubic-bezier(.2,.7,.2,1) both}
html.ahd-motion .hero-in>*:nth-child(2){animation-delay:.08s}
html.ahd-motion .hero-in>*:nth-child(3){animation-delay:.16s}
html.ahd-motion .hero-in>*:nth-child(4){animation-delay:.24s}
html.ahd-motion .hero-in>*:nth-child(5){animation-delay:.32s}
html.ahd-motion .hero-in>*:nth-child(n+6){animation-delay:.4s}
@keyframes ahdUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* ---- Buttons & cards feel physical ---- */
.btn,a.btn,button.btn,.complete,.v4-path-card,.ahd-start-step,.lesson{transition:transform .14s ease,box-shadow .2s ease,filter .2s ease}
.btn:active,a.btn:active,button.btn:active,.complete:active{transform:translateY(1px) scale(.975)}
@media (hover:hover){
  .btn:hover,a.btn:hover{filter:brightness(1.06)}
  .v4-path-card:hover,.ahd-start-step:hover,.lesson:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,14,8,.14)}
}
html.ahd-motion .btn.primary.pulse{animation:ahdPulse 2.4s ease-in-out 1.2s 2}
@keyframes ahdPulse{0%,100%{box-shadow:0 0 0 0 rgba(168,25,34,.0)}50%{box-shadow:0 0 0 10px rgba(168,25,34,.16)}}

/* ---- Wide comparison table: show that it scrolls ---- */
.v4-table-wrap{position:relative;scroll-snap-type:x proximity}
.swipe-hint{display:none;align-items:center;justify-content:flex-end;gap:6px;margin:10px 4px -14px;font:900 10px/1 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#9e1b32}
.swipe-hint i{font-style:normal;display:inline-block}
html.ahd-motion .swipe-hint i{animation:ahdNudge 1.4s ease-in-out infinite}
@keyframes ahdNudge{0%,100%{transform:none}50%{transform:translateX(5px)}}
@media (max-width:760px){.swipe-hint{display:flex}.v4-table-wrap{box-shadow:inset -18px 0 16px -14px rgba(0,0,0,.28)}}

/* ---- Home header: keep the menu button on screen on small phones ---- */
@media (max-width:430px){.topbar{gap:8px!important}.topbar .brand{flex:1 1 auto!important;min-width:0!important;overflow:hidden}.topbar .brand strong,.topbar .brand span{white-space:nowrap}.top-signin{flex:0 0 auto;padding:7px 8px!important;font-size:11px!important;min-height:36px!important}.topbar #menuBtn{flex:0 0 auto}}
@media (max-width:374px){.top-signin{display:none!important}}

/* ---- Course hero: headline readable over the photo on phones ---- */
@media (max-width:899px){.nike-hero{box-shadow:inset 0 -95vw 70vw -40vw rgba(8,8,8,.96)}.nike-hero .nike-title{text-shadow:0 3px 18px rgba(0,0,0,.65)}}

/* ---- Ball icons (hits) ---- */
.ahd-ball{display:inline-block;width:1em;height:1em;vertical-align:-.12em}
.ahd-balls{display:inline-flex;gap:1px;align-items:center}

/* ---- Celebration overlay ---- */
.ahd-cele{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;pointer-events:none}
.ahd-cele .card{pointer-events:auto;min-width:min(86vw,360px);max-width:420px;padding:24px 22px 20px;border-radius:20px;background:linear-gradient(160deg,#141210,#2b1016);color:#fff;text-align:center;border:1px solid rgba(201,174,126,.5);box-shadow:0 30px 80px rgba(0,0,0,.45);transform:scale(.6);opacity:0;animation:ahdPop .5s cubic-bezier(.2,1.4,.3,1) forwards}
.ahd-cele .kick{display:block;color:#d8c19a;font:900 11px/1 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.18em;text-transform:uppercase}
.ahd-cele h3{margin:10px 0 6px;font-family:AHDDisplay,Anton,Impact,"Arial Narrow",sans-serif;font-size:46px;line-height:.95;letter-spacing:.01em;text-transform:uppercase}
.ahd-cele h3.hr{color:#ff5a6a;text-shadow:0 0 24px rgba(255,90,106,.45)}
.ahd-cele p{margin:0;color:#e8dfd0;font-size:15px;line-height:1.4}
.ahd-cele .bb{display:flex;justify-content:center;gap:6px;margin:12px 0 4px;font-size:28px}
.ahd-cele .bb .ahd-ball{width:30px;height:30px;opacity:0;animation:ahdPop .35s cubic-bezier(.2,1.4,.3,1) forwards}
.ahd-cele.out .card{animation:ahdOut .35s ease forwards}
@keyframes ahdPop{to{transform:scale(1);opacity:1}}
@keyframes ahdOut{to{transform:scale(.9);opacity:0}}
.ahd-fly{position:fixed;z-index:9998;left:50%;top:55%;width:22px;height:22px;pointer-events:none;animation:ahdFly 1.1s cubic-bezier(.15,.8,.3,1) forwards}
@keyframes ahdFly{from{transform:translate(-50%,-50%) scale(.4) rotate(0);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1) rotate(var(--rot));opacity:0}}

@media (prefers-reduced-motion:reduce){.ahd-cele .card,.ahd-cele .bb .ahd-ball{animation:none;opacity:1;transform:none}.ahd-fly{display:none}}

/* ---- Premium lesson player (course-app.js renders .lp) ---- */
.lp .lp-top{position:sticky;top:-22px;z-index:3;margin:-22px -18px 10px;padding:16px 18px 10px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid #eee4d3}
.lp .lp-top .kicker{margin:0 0 8px}
.lp-prog{height:6px;border-radius:99px;background:#efe7d8;overflow:hidden}
.lp-prog i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#9e1b32,#c43650);transition:width .6s cubic-bezier(.2,.7,.2,1)}
.lp-meta{display:block;margin-top:6px;color:#6e6456;font-size:11.5px;font-weight:700;letter-spacing:.02em}
.lp-meta b{color:#3f8b68}
.lp h2#lessonTitle{margin-top:8px}
.lp .lp-step{position:relative;border:1px solid #eadfcb;background:#fffdf9;padding:14px 15px 15px}
.lp .lp-step.cue{background:linear-gradient(120deg,#121110 0%,#2a1218 55%,#5a1424 100%);color:#f1e8d8;border-color:#200d12}
.lp-step-h{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.lp-step-h b{font-size:11px;font-weight:950;letter-spacing:.14em;color:#9e1b32}
.lp .cue .lp-step-h b{color:#d8c19a}
.lp-n{flex:0 0 auto;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#9e1b32;color:#fff;font-size:12px;font-weight:950}
.lp .cue .lp-n{background:#c9ae7e;color:#17140f}
.lp-step-h svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.55}
.lp .lp-step-b{font-size:16px;line-height:1.62}
.lp .cue .lp-step-b{font-size:18px;font-weight:800;line-height:1.4}
.lp-bar{position:sticky;bottom:calc(-32px - env(safe-area-inset-bottom));z-index:3;display:grid;grid-template-columns:52px 1fr 52px;gap:8px;align-items:center;margin:16px -18px 0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-top:1px solid #eee4d3}
.lp-bar .complete{margin:0;min-height:52px}
.lp-bar .complete.is-done{background:#3f8b68;box-shadow:0 3px 0 #2c6649}
.lp-bar .lp-prev,.lp-bar .lp-next{min-height:52px;width:52px;padding:0;font-size:26px;line-height:1;border-radius:12px;display:grid;place-items:center}
.lp-swipe{margin:8px 0 0;text-align:center;color:#9a8f80;font-size:11px;font-weight:700}
@media (hover:hover) and (pointer:fine){.lp-swipe{display:none}}
.lp .lesson-browse{display:block;margin-top:12px}
html.ahd-motion .lp .lp-step{animation:ahdUp .45s cubic-bezier(.2,.7,.2,1) both}
html.ahd-motion .lp .lp-step:nth-of-type(2){animation-delay:.04s}
html.ahd-motion .lp .lp-step:nth-of-type(3){animation-delay:.08s}
html.ahd-motion .lp .lp-step:nth-of-type(4){animation-delay:.12s}
html.ahd-motion .lp .lp-step:nth-of-type(5){animation-delay:.16s}
.lp .lp-top{padding-right:62px}
#modalClose{z-index:6}
.lp-step-h svg{display:none}
.ch-tiers .ahd-balls{display:flex;justify-content:center;margin-bottom:3px}
.ch-tiers .ahd-ball{width:11px;height:11px}
@media (max-width:430px){.topbar .brand{overflow:visible}.topbar .brand strong{font-size:11.5px!important;letter-spacing:.06em!important}.topbar .brand div span{font-size:9.5px!important;letter-spacing:.14em!important}.topbar .brand img{width:62px!important;height:auto!important}}

/* /blog-article.css */
/* Backspin article layout v2 (v4.12.45) — shared reading layout for every Backspin article.
   Loaded last on article pages. Only presentation; article wording is untouched. */
:root{--ba-ink:#17140f;--ba-text:#3e382e;--ba-muted:#6f6555;--ba-red:#9e1b32;--ba-red-dark:#7a1427;--ba-khaki:#c9ae7e;--ba-khaki-soft:#f6efe2;--ba-line:#e6dac4}

/* Reading progress */
.ba-progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:90;pointer-events:none;background:transparent}
.ba-progress i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--ba-red),#c22a44 70%,var(--ba-khaki))}

/* Body rhythm */
body .article-body{padding:clamp(20px,4vw,40px)}
body .article-body > p,body .article-body li{max-width:68ch}
body .article-body{min-width:0}
body .article-body p{overflow-wrap:break-word}
body .article-body li{overflow-wrap:anywhere}
body .article-body li a,body .article-body p a{overflow-wrap:anywhere}
body .article-body p{font-size:18px;line-height:1.75}body .article-body>p,body .article-body>section>p,body .article-body .blueprint p{color:var(--ba-text)}
body .article-body p a,body .article-body li a{color:var(--ba-red);text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:rgba(158,27,50,.35)}
body .article-body p a:hover,body .article-body li a:hover{text-decoration-color:var(--ba-red)}
body .article-body p.ba-lead{font-size:clamp(25px,3.4vw,30px);line-height:1.4;color:#14110d;font-weight:800;letter-spacing:-.01em}

/* Section headings: cardinal tick + room to breathe */
body .article-body h2{position:relative;font-size:clamp(25px,3.2vw,32px);line-height:1.08;letter-spacing:-.015em;color:var(--ba-ink);margin:2.6rem 0 .9rem;padding-top:18px;scroll-margin-top:96px;text-wrap:balance}
body .article-body h2::before{content:"";position:absolute;top:0;left:0;width:38px;height:4px;border-radius:2px;background:var(--ba-red)}
body .article-body > h2:first-child{margin-top:.4rem}
body .article-body h3{scroll-margin-top:96px;letter-spacing:-.005em}

/* In this article */
body .article-body .ba-toc{margin:1.6rem 0 2rem;padding:18px 20px 16px;background:var(--ba-khaki-soft);border:1px solid var(--ba-line);border-radius:16px}
.ba-toc .ba-toc-label{display:block;font:900 11px/1 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.16em;color:var(--ba-red);margin:0 0 10px}
.ba-toc ol{list-style:none;counter-reset:toc;margin:0;padding:0;display:grid;gap:2px}
@media(min-width:760px){.ba-toc ol{grid-template-columns:1fr 1fr;column-gap:22px}}
.ba-toc li{counter-increment:toc;max-width:none!important;margin:0!important}
body .article-body .ba-toc a{display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px;align-items:baseline;padding:7px 0;border-bottom:1px solid rgba(201,174,126,.45);color:var(--ba-ink)!important;text-decoration:none!important;font-weight:750;font-size:15.5px;line-height:1.3}
.ba-toc a::before{content:counter(toc,decimal-leading-zero);font:900 12px/1 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ba-red);font-variant-numeric:tabular-nums}
body .article-body .ba-toc a:hover{color:var(--ba-red)!important}

/* Pull quotes: blockquote, big lines, quote lines */
body .article-body blockquote{position:relative;margin:2.2rem 0;padding:22px 22px 22px 66px;background:var(--ba-ink);border:0;border-radius:16px;color:#f4ecdc;font-weight:800;box-shadow:0 14px 34px rgba(23,20,15,.16)}
body .article-body blockquote::before{content:"\201C";position:absolute;left:16px;top:6px;font:900 74px/1 Georgia,"Times New Roman",serif;color:var(--ba-khaki)}
body .article-body blockquote p{margin:0!important;color:#f4ecdc!important;font-size:clamp(19px,2.3vw,23px)!important;line-height:1.38!important;font-weight:800;max-width:none}
body .article-body blockquote p + p{margin-top:.6rem!important}
body .article-body blockquote strong{color:#fff}
body .article-body .big-line,body .article-body .quote-line,body .article-body .pull-line{position:relative;margin:2.2rem 0!important;padding:16px 0 16px 22px!important;border:0!important;border-left:6px solid var(--ba-red)!important;background:none!important;color:var(--ba-ink)!important;font-weight:950;letter-spacing:-.02em;max-width:none}
body .article-body .big-line{font-size:clamp(26px,4.6vw,40px)!important;line-height:1.06!important}
body .article-body .quote-line,body .article-body .pull-line{font-size:clamp(21px,2.6vw,28px)!important;line-height:1.18!important}

/* Lists */
body .article-body > ul:not([class]){list-style:none;padding-left:0;margin:1.1rem 0 1.5rem}
body .article-body > ul:not([class]) > li{position:relative;padding-left:30px;margin:.55rem 0;font-size:18px;line-height:1.6;color:var(--ba-text)}
body .article-body > ul:not([class]) > li::before{content:"";position:absolute;left:2px;top:.52em;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--ba-red);box-shadow:0 0 0 2px rgba(201,174,126,.45)}
body .article-body > ol:not([class]){list-style:none;counter-reset:ba;padding-left:0;margin:1.1rem 0 1.5rem}
body .article-body > ol:not([class]) > li{counter-increment:ba;position:relative;padding-left:42px;margin:.7rem 0;font-size:18px;line-height:1.6;color:var(--ba-text)}
body .article-body > ol:not([class]) > li::before{content:counter(ba);position:absolute;left:0;top:.05em;width:28px;height:28px;border-radius:50%;background:var(--ba-red);color:#fff;font:900 13px/28px Inter,system-ui,-apple-system,"Segoe UI",sans-serif;text-align:center}

/* Call-to-action strips */
body .article-body .inline-cta{display:block;margin:2rem 0;padding:16px 18px;background:var(--ba-ink);border:0;border-left:0;border-radius:14px;color:#efe5d2;font-size:16px;line-height:1.5;box-shadow:inset 4px 0 0 var(--ba-red)}
body .article-body .inline-cta strong{color:#fff}
body .article-body .inline-cta a{color:var(--ba-khaki)!important;font-weight:900;text-decoration:none!important}
body .article-body .inline-cta a:hover{color:#fff!important}

/* Section break */
body .article-body hr{border:0;height:14px;margin:2.4rem 0;background:radial-gradient(circle,var(--ba-khaki) 1.6px,transparent 2px) center/16px 14px repeat-x}

/* Content boxes polish */
body .article-body .blueprint{border-radius:14px;box-shadow:0 8px 22px rgba(45,36,20,.06)}

/* Quick answers */
body .article-body .faq{border-top:0;margin:0 0 1.6rem;display:grid;gap:10px}
body .article-body .faq .ba-faq-item{background:var(--ba-khaki-soft);border:1px solid var(--ba-line);border-radius:14px;padding:16px 18px 14px 58px;position:relative}
body .article-body .faq .ba-faq-item::before{content:"Q";position:absolute;left:16px;top:15px;width:28px;height:28px;border-radius:8px;background:var(--ba-red);color:#fff;font:900 14px/28px Inter,system-ui,-apple-system,"Segoe UI",sans-serif;text-align:center}
body .article-body .faq .ba-faq-item h3{margin:2px 0 6px;font-size:17px;line-height:1.35}
body .article-body .faq .ba-faq-item p{margin:0 0 .35rem;font-size:16.5px;line-height:1.62;max-width:none}

/* Back to top */
.ba-top{display:inline-flex;align-items:center;gap:6px;margin:6px 0 0;font:900 12px/1 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.12em;color:var(--ba-muted)!important;text-decoration:none!important}
.ba-top:hover{color:var(--ba-red)!important}

@media(max-width:640px){
  body .article-body blockquote{padding:18px 18px 18px 54px}
  body .article-body blockquote::before{font-size:60px;left:12px}
  body .article-body .faq .ba-faq-item{padding:14px 14px 12px 52px}
  body .article-body .faq .ba-faq-item::before{left:12px}
}
@media(prefers-reduced-motion:reduce){.ba-progress{display:none}}

/* v4.15.3 desktop: posts without a sidebar get one centered, wider column instead of a left-pinned column beside an empty 300px slot. */
@media(min-width:980px){
  .article-layout:not(:has(> aside.side)){grid-template-columns:minmax(0,1fr);max-width:960px}
  .article-layout:not(:has(> aside.side)) .article-body{padding:48px 56px}
  .article-layout:not(:has(> aside.side)) .article-body > p,
  .article-layout:not(:has(> aside.side)) .article-body li{max-width:none;font-size:19px}
  .article-layout:not(:has(> aside.side)) .article-body .ba-lead{font-size:30px}
}
@media(min-width:1280px){
  .article-layout:not(:has(> aside.side)){max-width:1040px}
}

/* Blog typography v4 (Oct 2026): Poppins headlines + Inter text */
body .article-head h1{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.06}
body .article-head>p{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}
body .article-body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body .article-body p,body .article-body li{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
body .article-body h2,body .article-body h3,body .article-body p.ba-lead,body .article-body .big-line,body .ahd-next-step .ans-h,body .keep-reading h2{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
body .article-body h2{font-weight:700;letter-spacing:-.015em;line-height:1.15}
body .article-body h3{font-weight:700;letter-spacing:-.005em}
body .article-body p.ba-lead{font-weight:700;letter-spacing:-.01em;line-height:1.3}
body .article-body .big-line{font-weight:800;letter-spacing:-.02em;line-height:1.1}
body .article-body .ba-toc a{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:600}

/* Quick answers: tap a question to open its answer (answers stay in the page for search) */
details.ba-faq-item>summary{list-style:none;cursor:pointer;display:block;position:relative;padding-right:30px;min-height:28px}
details.ba-faq-item>summary::-webkit-details-marker{display:none}
details.ba-faq-item>summary h3{display:inline;margin:0}
details.ba-faq-item>summary::after{content:"+";position:absolute;right:0;top:-2px;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--ba-red,#9e1b32);color:var(--ba-red,#9e1b32);font:900 18px/22px Inter,system-ui,sans-serif;text-align:center}
details.ba-faq-item[open]>summary::after{content:"–"}
details.ba-faq-item[open]>summary{margin-bottom:8px}
details.ba-faq-item>summary:focus-visible{outline:3px solid var(--ba-red,#9e1b32);outline-offset:3px;border-radius:6px}