/* Shared navigation, accessibility and learning paths. */

/* Articles */
.article-hero{padding:80px 7% 66px;background:radial-gradient(circle at 82% 12%,rgba(255,31,31,.22),transparent 30%),#090909;border-bottom:1px solid #2b2b2b}.article-hero .eyebrow,.article-meta{color:#ff7777;font-size:.78rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.article-hero h1{font-family:'Anton',Impact,sans-serif;font-size:clamp(3.3rem,8vw,6.8rem);line-height:.95;letter-spacing:2px;text-transform:uppercase;margin:14px 0 18px}.article-hero h1 span{color:#ff3434}.article-hero p{max-width:680px;color:#c9c9c9;line-height:1.75;font-size:1.08rem}.articles-wrap{max-width:1180px;margin:auto;padding:64px 7% 80px}.articles-intro{max-width:680px;margin:12px 0 32px;color:#bcbcbc;line-height:1.7}.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}.article-card{display:flex;flex-direction:column;min-height:280px;padding:28px;border:1px solid #343434;border-radius:10px;background:linear-gradient(145deg,#191919,#111);transition:transform .25s,border-color .25s,background .25s}.article-card:hover{transform:translateY(-5px);border-color:#f34848;background:#1d1d1d}.article-card h2{font-size:1.45rem;line-height:1.18;margin:14px 0}.article-card p{color:#c7c7c7;line-height:1.65}.article-card .wotm-action{margin-top:auto}.article-empty{padding:36px;border:1px dashed #4b4b4b;border-radius:10px;background:#111;color:#c7c7c7;line-height:1.7}.article-empty strong{display:block;margin-bottom:8px;color:#fff;font-size:1.2rem}.article-page{background:#090909}.article-reading{max-width:800px;margin:auto;padding:56px 7% 84px}.article-reading h1{font-family:'Anton',Impact,sans-serif;font-size:clamp(2.8rem,7vw,5.6rem);text-transform:uppercase;line-height:.98;letter-spacing:1.5px;margin:14px 0 22px}.article-lede{font-size:1.25rem;line-height:1.7;color:#d2d2d2;margin-bottom:44px}.article-reading h2{font-size:1.75rem;margin:38px 0 14px}.article-reading p,.article-reading li{color:#c4c4c4;line-height:1.82}.article-reading ul{padding-left:24px;display:grid;gap:10px}.article-back{color:#ff8585;font-weight:700;text-decoration:underline;text-underline-offset:4px}.article-callout{margin:34px 0;padding:24px;border-left:4px solid #ff3434;background:#171717;color:#ededed;line-height:1.7}
.article-hero{background:radial-gradient(circle at 82% 12%,rgba(255,63,63,.20),transparent 34%),#171717;border-color:#3a3a3a}.articles-wrap,.article-page{background:#171717}.article-hero p,.articles-intro{color:#dedede}.article-card{background:linear-gradient(145deg,#292929,#202020);border-color:#505050}.article-card:hover{background:#303030}.article-card p,.article-empty,.article-reading p,.article-reading li{color:#e0e0e0}.article-empty{background:#222;border-color:#5c5c5c}.article-reading{background:#1c1c1c;box-shadow:0 0 0 1px #343434}.article-lede{color:#f0f0f0}.article-callout{background:#2a2a2a;color:#fff}
.site-footer .footer-logo{width:120px;max-width:45%;margin:0 auto 18px}
.articles-page,.articles-page .articles-wrap{background:#000}.articles-page .article-hero{background:radial-gradient(circle at 82% 12%,rgba(255,31,31,.18),transparent 34%),#000}.articles-page .article-card{background:linear-gradient(145deg,#181818,#101010);border-color:#383838}.articles-page .article-empty{background:#101010;border-color:#444}
.article-reading p a{color:#ff8585;text-decoration:underline;text-underline-offset:4px}

/* Article pages use the same foundation as the main Way Of The Mat experience. */
.articles-page .articles-wrap .article-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px}.articles-page .articles-wrap .article-card{position:relative;grid-column:span 4;min-height:340px;padding:34px;border:1px solid rgba(255,255,255,.13);border-radius:0;background:#111;overflow:hidden}.articles-page .articles-wrap .featured-article{grid-column:span 8;min-height:410px;justify-content:flex-end;background:linear-gradient(145deg,#1b1b1b,#0d0d0d)}@media(max-width:850px){.articles-page .articles-wrap .featured-article,.articles-page .articles-wrap .article-card{grid-column:span 6}}@media(max-width:600px){.articles-page .articles-wrap .article-grid{grid-template-columns:1fr}.articles-page .articles-wrap .featured-article,.articles-page .articles-wrap .article-card{grid-column:auto;min-height:300px}.articles-page .articles-wrap .featured-article{min-height:360px}}
.articles-page .article-hero{position:relative;isolation:isolate;min-height:440px;display:flex;align-items:end;overflow:hidden;background:linear-gradient(90deg,rgba(0,0,0,.95) 12%,rgba(0,0,0,.66) 62%,rgba(0,0,0,.82)),url('articles-hero.png') center/cover no-repeat}.articles-page .article-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 40%,#000 100%)}.articles-page .article-hero-inner{max-width:900px}.articles-page .article-hero .eyebrow,.articles-page .articles-heading .eyebrow{display:flex;align-items:center;gap:12px;color:#ff5757;font-size:.76rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.articles-page .article-hero .eyebrow::before,.articles-page .articles-heading .eyebrow::before{content:"";width:30px;height:2px;background:#ff3434}.articles-page .article-hero h1{margin:16px 0 20px;text-shadow:0 4px 30px rgba(0,0,0,.6)}.articles-page .article-hero h1 span{display:block}.articles-page .article-hero p{font-size:1.08rem;color:#e0e0e0}.articles-page .articles-wrap{max-width:1320px}.articles-page .articles-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.12)}.articles-page .articles-heading h2{margin:10px 0 0;font-family:'Anton',sans-serif;font-size:clamp(2.5rem,5vw,4rem);line-height:.95;letter-spacing:1px;text-transform:uppercase;color:#fff}.articles-page .articles-heading .articles-intro{max-width:470px;margin:0;color:#bdbdbd;line-height:1.75}.articles-page .article-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px}.articles-page .article-card{position:relative;grid-column:span 4;min-height:340px;padding:34px;border:1px solid rgba(255,255,255,.13);background:#111;overflow:hidden}.articles-page .article-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:#ff3434;transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.articles-page .article-card:hover::before{transform:scaleX(1)}.articles-page .article-card h2{margin:18px 0 10px;font-size:clamp(1.8rem,2.6vw,2.4rem);line-height:1;text-wrap:balance}.articles-page .article-card p{max-width:470px}.articles-page .article-card .article-byline{margin:0 0 18px;color:#a8a8a8;font-size:.77rem;font-weight:700;letter-spacing:.55px;text-transform:uppercase}.articles-page .article-card .wotm-action{display:flex;align-items:center;gap:8px;color:#fff;font-size:.8rem;letter-spacing:1px;text-transform:uppercase;text-decoration:none}.articles-page .article-card .wotm-action span{color:#ff3434;font-size:1.2rem}.articles-page .featured-article{grid-column:span 8;min-height:410px;justify-content:flex-end;background:linear-gradient(145deg,#1b1b1b,#0d0d0d)}.articles-page .featured-article h2{max-width:660px;font-size:clamp(2.6rem,4.6vw,4.5rem)}.articles-page .featured-article .article-meta{color:#ff8585}@media(max-width:850px){.articles-page .articles-heading{display:block}.articles-page .articles-heading .articles-intro{margin-top:20px}.articles-page .featured-article,.articles-page .article-card{grid-column:span 6}.articles-page .featured-article{min-height:380px}}@media(max-width:600px){.articles-page .article-hero{min-height:390px;align-items:center}.articles-page .article-hero h1 span{display:inline}.articles-page .article-grid{display:grid;grid-template-columns:1fr}.articles-page .featured-article,.articles-page .article-card{grid-column:auto;min-height:300px}.articles-page .featured-article{min-height:360px}.articles-page .articles-heading{margin-bottom:28px}}
.articles-page .article-card h2,.article-page .article-reading h1,.article-page .article-reading h2{color:#ff3434}
.articles-page,.article-page{margin:0;background:#000;color:#fff;font-family:'Inter',sans-serif;overflow-x:hidden}.articles-page *,.article-page *{box-sizing:border-box}.articles-page a,.article-page a{color:#fff;text-decoration:none}.articles-page img,.article-page img{display:block;max-width:100%}.articles-page .site-nav,.article-page .site-nav{width:100%;padding:22px 7%;display:flex;justify-content:space-between;align-items:center;gap:24px;background:rgba(0,0,0,.92);border-bottom:1px solid rgba(255,255,255,.06)}.articles-page .site-nav .nav-logo img,.article-page .site-nav .nav-logo img{width:180px}.articles-page .site-nav .nav-links,.article-page .site-nav .nav-links{display:flex!important;align-items:center;gap:12px 22px;flex-wrap:wrap}.articles-page .site-nav .nav-links a,.article-page .site-nav .nav-links a{color:#d0d0d0;font-size:.78rem;font-weight:600;letter-spacing:.7px;text-transform:uppercase}.articles-page .site-nav .nav-links a:hover,.article-page .site-nav .nav-links a:hover{color:#ff3434}.articles-page .site-nav .nav-links a[aria-current],.article-page .site-nav .nav-links a[aria-current]{color:#ff5757;border-bottom:2px solid #ff3434}.articles-page .article-hero{padding:92px 7% 82px;border-bottom:1px solid rgba(255,255,255,.07)}.articles-page .article-hero h1{max-width:950px;font-family:'Anton',sans-serif;font-size:clamp(3.2rem,7vw,6rem);letter-spacing:2px}.articles-page .articles-wrap{padding:84px 7%;max-width:1280px}.articles-page .articles-wrap>h2{font-family:'Anton',sans-serif;font-size:clamp(2.2rem,4vw,3.5rem);letter-spacing:1px;text-transform:uppercase}.articles-page .articles-intro{font-size:1.06rem}.articles-page .article-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:28px}.articles-page .article-card,.articles-page .article-empty{min-height:310px;border-radius:0}.articles-page .article-card{padding:34px;border:1px solid rgba(255,255,255,.12)}.articles-page .article-card h2{font-family:'Anton',sans-serif;font-size:2rem;letter-spacing:.6px;text-transform:uppercase}.articles-page .article-card:hover{transform:translateY(-8px);border-color:rgba(255,31,31,.7)}.articles-page .article-empty{padding:34px;border:1px dashed rgba(255,255,255,.25)}.article-page .article-reading{max-width:900px;margin:0 auto;padding:78px 7% 96px;background:#000;box-shadow:none}.article-page .article-reading h1{font-family:'Anton',sans-serif;font-size:clamp(3rem,6vw,5.3rem);letter-spacing:1px}.article-page .article-reading h2{font-family:'Anton',sans-serif;font-size:2rem;letter-spacing:.5px;text-transform:uppercase}.article-page .article-reading p,.article-page .article-reading li{font-size:1.04rem;color:#d2d2d2;line-height:1.9}.article-page .article-lede{font-size:1.28rem;color:#eee}.article-page .article-callout{border-left:4px solid #ff1f1f;background:#111}.articles-page .site-footer,.article-page .site-footer{padding:70px 7%;text-align:center;background:#070707;border-top:1px solid rgba(255,255,255,.06)}.articles-page .site-footer p,.article-page .site-footer p{max-width:700px;margin:0 auto 26px;color:#909090;line-height:1.8}.articles-page .site-footer .footer-links,.article-page .site-footer .footer-links{display:flex;justify-content:center;gap:12px 24px;flex-wrap:wrap}.articles-page .site-footer .footer-links a,.article-page .site-footer .footer-links a{color:#d0d0d0;font-size:.78rem;font-weight:600;letter-spacing:.7px;text-transform:uppercase}.articles-page .site-footer .footer-links a:hover,.article-page .site-footer .footer-links a:hover{color:#ff3434}@media(max-width:700px){.articles-page .site-nav,.article-page .site-nav{justify-content:center;padding:18px 6%}.articles-page .site-nav .nav-links,.article-page .site-nav .nav-links{justify-content:center}.articles-page .article-hero,.articles-page .articles-wrap,.article-page .article-reading{padding-left:6%;padding-right:6%}.articles-page .article-card{min-height:0}}
.site-nav{position:relative;inset:auto;padding:18px 5%;display:flex;gap:24px;flex-wrap:wrap;background:#090909}.site-nav .nav-logo img{width:180px}.site-nav .nav-links{display:flex!important;gap:12px 22px;flex-wrap:wrap;align-items:center}.site-nav .nav-links a{font-size:.78rem;padding:9px 0;letter-spacing:.6px}.site-nav .nav-links a[aria-current]{color:#ff5757;border-bottom:2px solid #ff3434}.nav-toggle{display:none;border:1px solid #5d5d5d;background:#111;color:#fff;padding:10px 13px;font:700 .76rem/1 'Inter',sans-serif;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.nav-toggle:hover{border-color:#ff5757;color:#ff8585}.nav-toggle:focus-visible{outline:3px solid #ff8585;outline-offset:4px}main{min-width:0}.hero{min-height:58vh;padding:70px 6%}.hero h1{font-size:clamp(2.7rem,7vw,6rem)}.hero p{max-width:740px;margin-left:auto;margin-right:auto}.wotm-next{padding:48px 7%;background:#101010;border-top:1px solid #292929;border-bottom:1px solid #292929}.wotm-next h2{font-size:clamp(1.5rem,3vw,2.2rem);margin:0 0 24px}.wotm-next-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px}.wotm-next-grid>a{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid #383838;border-radius:8px;background:#171717}.wotm-next-grid>a:hover{border-color:#ff5757;background:#202020}.wotm-next-grid strong{font-size:1.1rem;color:#fff}.wotm-next-grid span{color:#bfbfbf;line-height:1.6}.wotm-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center;padding:52px 7%;background:#080808;border-bottom:1px solid #292929}.wotm-approach .eyebrow{margin:0 0 12px;color:#ff7777;font-size:.76rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.wotm-approach h2{margin:0;font-family:'Anton',Impact,sans-serif;font-size:clamp(2.2rem,4vw,3.8rem);line-height:.96;letter-spacing:1px;text-transform:uppercase}.wotm-approach>p{max-width:620px;margin:0;color:#d4d4d4;font-size:1.08rem;line-height:1.8}.wotm-action{display:inline-block;color:#ff7777;padding:12px 0;font-weight:700;text-decoration:underline;text-underline-offset:4px}.availability{display:block;color:#b7b7b7!important;font-size:.82rem!important;margin:12px 0;line-height:1.5}.warmup-card>.availability,.warmup-card>.wotm-action{margin:12px 24px}.links a{color:#ff8585;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:5px 0}.skill-card:target{outline:2px solid #ff5757;outline-offset:5px}.site-footer .footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px}.site-footer .footer-links a{padding:8px 0}.site-footer p{margin:20px auto}.controls-container{position:relative;top:auto}.filter-bar{flex-wrap:wrap}.filter-btn{min-height:44px}.skip-link{position:fixed;left:16px;top:-100px;z-index:2000;background:#fff;color:#000;padding:16px}.skip-link:focus{top:16px}a:focus-visible,button:focus-visible{outline:3px solid #ff8585;outline-offset:5px}[id]{scroll-margin-top:24px}main:focus{outline:none}@media(max-width:700px){.site-nav{justify-content:space-between;align-items:center;gap:12px}.site-nav .nav-logo img{width:148px}.site-nav.nav-menu-ready .nav-toggle{display:block}.site-nav.nav-menu-ready .nav-links{display:none!important;flex-basis:100%;width:100%;padding-top:10px;border-top:1px solid #292929}.site-nav.nav-menu-ready .nav-links.is-open{display:flex!important;flex-direction:column;align-items:stretch;gap:0}.site-nav.nav-menu-ready .nav-links a{padding:13px 0;border-bottom:1px solid #222}.hero{min-height:420px;padding:52px 6%}.section{padding:48px 6%}.hero-buttons{flex-wrap:wrap}.wotm-approach{grid-template-columns:1fr;gap:18px;padding:42px 6%}.skill-grid,.levels,.tips-grid,.content-grid,.warmup-grid,.cards{grid-template-columns:1fr!important}.site-footer{padding:40px 6%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}