/* RUNPO Journal article / reading-first refinement */
.article-page.article-kinetic{background:#f4f2ec}
.article-kinetic .article-hero{border-radius:0 0 clamp(40px,6vw,86px) 0}
.article-kinetic .article-hero-art{border-radius:8px 54px 8px 54px;transform:rotate(1.4deg);box-shadow:22px 24px 0 rgba(255,255,255,.055)}
.article-kinetic .article-reading{background:#f4f2ec}
.article-kinetic .article-layout{grid-template-columns:240px minmax(0,720px);gap:clamp(48px,8vw,118px)}
.article-kinetic .sidebar-sticky{padding:18px;border:1px solid #d8d5cb;border-radius:4px 24px 4px 24px;background:rgba(255,255,255,.72);backdrop-filter:blur(16px)}
.article-kinetic .article-content{font-size:19px;line-height:1.82;color:#292824}
.article-kinetic .article-content>p:first-child::first-letter{float:left;margin:.08em .13em 0 0;font-family:var(--rpo-head);font-size:4.5em;font-weight:900;line-height:.72;color:#111}
.article-kinetic .article-content h2{scroll-margin-top:130px;margin-top:94px;border-top-color:#c8c5bc}
.article-kinetic .callout,.article-kinetic .highlight-box,.article-kinetic .quick-summary,.article-kinetic .advice-list,.article-kinetic .strava-links{border:1px solid #d6d2c7;border-left:5px solid var(--rpo-yellow);border-radius:3px 26px 3px 26px;background:#fff}
.article-kinetic .zone-table,.article-kinetic .pace-table,.article-kinetic .data-viz{border-radius:4px 26px 4px 26px}
.article-kinetic .author-panel{padding:42px;border:1px solid var(--rpo-line);border-radius:42px 5px 42px 5px;background:#fff}
.article-kinetic .author-monogram{border-radius:50% 50% 8px 50%}
.article-kinetic .related-grid-new{gap:14px;background:transparent;border:0}
.article-kinetic .related-card-new{border:1px solid var(--rpo-line);border-radius:5px 30px 5px 30px}
.article-kinetic .related-card-new:nth-child(2){border-radius:30px 5px 30px 5px}
.article-kinetic .article-cta-new{border-radius:0 72px 0 0}
.article-mobile-nav{display:none}
.article-kinetic a:focus-visible,.article-kinetic button:focus-visible,.article-kinetic select:focus-visible{outline:3px solid #7357ff;outline-offset:4px}
@media(max-width:760px){
  .article-kinetic .article-hero{border-radius:0 0 38px 0}
  .article-kinetic .article-hero-art{border-radius:4px 32px 4px 32px;transform:none;box-shadow:none}
  .article-kinetic .article-content{font-size:17.5px;line-height:1.78}
  .article-kinetic .article-content>p:first-child::first-letter{font-size:3.7em}
  .article-kinetic .author-panel{padding:25px;border-radius:28px 4px 28px 4px}
  .article-kinetic .article-cta-grid>*{min-width:0}
  .article-kinetic .article-cta-grid h2{font-size:clamp(52px,18vw,72px);overflow-wrap:anywhere}
  .article-mobile-nav{position:fixed;left:14px;right:14px;bottom:14px;z-index:1100;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.18);border-radius:18px 18px 4px 18px;background:rgba(12,12,12,.94);box-shadow:0 18px 50px rgba(0,0,0,.28);backdrop-filter:blur(18px);color:#fff;transition:.25s}
  .article-mobile-nav.is-hidden{transform:translateY(calc(100% + 28px));opacity:0}
  .article-mobile-nav label{font:500 8px/1 var(--rpo-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffce0b}
  .article-mobile-nav select{width:100%;min-width:0;border:0;background:transparent;color:#fff;font:600 12px/1.2 Barlow,sans-serif;outline:0}
  .article-mobile-nav option{color:#111;background:#fff}
}
@media(prefers-reduced-motion:reduce){.article-mobile-nav{transition:none}}