:root{--ink:#101010;--paper:#f4f3f1;--white:#fff;--red:#e20b17;--muted:#686765;--line:rgba(16,16,16,.16);--pad:clamp(22px,5vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.top{background:#101010;color:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(255,255,255,.12)}.top-inner{width:min(100%,1280px);height:76px;margin:auto;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{width:150px;height:56px;display:flex;align-items:center;overflow:hidden}.logo img{width:100%;mix-blend-mode:screen}.back{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.82)}.back:hover{color:#fff}.hero{position:relative;min-height:540px;background:#111;color:#fff;display:flex;align-items:end;overflow:hidden}.hero::before{content:"";position:absolute;inset:-6%;background:url('../../assets/hero-training.png') center 42%/cover no-repeat;filter:grayscale(100%);opacity:.5;transform:scale(1.06)}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.4) 62%,rgba(0,0,0,.1)),linear-gradient(0deg,rgba(0,0,0,.8),transparent 60%)}.hero-inner{position:relative;z-index:1;width:min(100%,1280px);margin:auto;padding:100px var(--pad) 66px}.kicker{display:flex;align-items:center;gap:12px;margin:0 0 20px;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.kicker::before{content:"";width:28px;height:3px;background:var(--red)}h1{max-width:1000px;margin:0;font-size:clamp(44px,7vw,94px);line-height:.94;letter-spacing:-.06em;text-transform:uppercase}.hero-lead{max-width:700px;margin:25px 0 0;color:rgba(255,255,255,.75);font-size:clamp(17px,2vw,21px);line-height:1.65}.article-wrap{width:min(100%,1180px);margin:auto;padding:clamp(70px,9vw,120px) var(--pad);display:grid;grid-template-columns:minmax(0,760px) 270px;gap:clamp(45px,7vw,90px);align-items:start}.article{font-size:18px;line-height:1.85}.article p{margin:0 0 27px;color:#393836}.article h2{margin:64px 0 21px;font-size:clamp(31px,4.6vw,52px);line-height:1.02;letter-spacing:-.045em;text-transform:uppercase}.article h3{margin:38px 0 14px;font-size:24px;line-height:1.2;letter-spacing:-.03em}.article ul{margin:0 0 30px;padding-left:22px}.article li{margin:10px 0;color:#393836}.article strong{color:#111}.intro{font-size:21px;line-height:1.75;color:#242321!important}.factbox{margin:44px 0;padding:28px;border-left:4px solid var(--red);background:#e8e7e4}.factbox p:last-child{margin-bottom:0}.faq{margin-top:65px;border-top:1px solid var(--line)}.faq-item{padding:28px 0;border-bottom:1px solid var(--line)}.faq-item h3{margin:0 0 10px;font-size:21px}.faq-item p{margin:0;font-size:16px}.sidebar{position:sticky;top:110px}.sidebox{border-top:3px solid var(--red);padding-top:22px}.sidebox small{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}.sidebox h2{margin:12px 0 14px;font-size:30px;line-height:1;letter-spacing:-.04em;text-transform:uppercase}.sidebox p{margin:0 0 22px;color:#666563;font-size:14px;line-height:1.7}.cta{display:inline-flex;align-items:center;gap:16px;padding:14px 18px;background:var(--red);color:#fff;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.related{background:#e8e7e4;padding:80px var(--pad)}.related-inner{width:min(100%,1180px);margin:auto}.related h2{font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.05em;text-transform:uppercase;margin:0 0 36px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rel{padding:25px 24px 25px 0;min-height:180px}.rel+.rel{border-left:1px solid var(--line);padding-left:24px}.rel small{color:var(--red);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.rel h3{margin:30px 0 0;font-size:24px;line-height:1.05;text-transform:uppercase;letter-spacing:-.035em}.footer{background:#101010;color:#fff;padding:38px var(--pad)}.footer-inner{width:min(100%,1280px);margin:auto;display:flex;justify-content:space-between;gap:25px;color:rgba(255,255,255,.58);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.blog-index{width:min(100%,1180px);margin:auto;padding:90px var(--pad) 120px}.blog-index h1{color:#111;margin-bottom:24px}.blog-index>.lead{max-width:760px;color:#5f5e5c;font-size:19px}.blog-grid{margin-top:60px;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.blog-card{position:relative;min-height:310px;padding:30px 32px 30px 0}.blog-card:nth-child(even){padding-left:32px;border-left:1px solid var(--line)}.blog-card:nth-child(n+3){border-top:1px solid var(--line)}.blog-card small{color:var(--red);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.blog-card h2{margin:65px 0 16px;font-size:clamp(29px,4vw,46px);line-height:.98;letter-spacing:-.045em;text-transform:uppercase}.blog-card p{color:#666563;max-width:460px}.blog-card a::after{content:"";position:absolute;inset:0}
@media(max-width:820px){.article-wrap{grid-template-columns:1fr}.sidebar{position:static}.related-grid,.blog-grid{grid-template-columns:1fr}.rel+.rel,.blog-card:nth-child(even){border-left:0;padding-left:0}.rel+.rel,.blog-card:nth-child(n+2){border-top:1px solid var(--line)}.top-inner{height:68px}.hero{min-height:470px}.footer-inner{flex-direction:column}.article{font-size:17px}}

/* Mobile-only refinement — desktop remains unchanged */
@media(max-width:767px){
  :root{--pad:18px}
  html{-webkit-text-size-adjust:100%}
  body{font-size:15px}
  .top-inner{height:62px;padding:0 18px;gap:14px}
  .logo{width:126px;height:46px}
  .back{font-size:9px;letter-spacing:.08em;white-space:nowrap}
  .hero{min-height:430px}
  .hero::before{background-image:url('hero-training-mobile.webp');background-position:60% 42%;opacity:.48}
  .hero::after{background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.32)),linear-gradient(0deg,rgba(0,0,0,.86),transparent 64%)}
  .hero-inner{padding:76px 18px 34px}
  .kicker{margin-bottom:15px;font-size:9px;letter-spacing:.13em;gap:9px}.kicker::before{width:20px;height:2px}
  h1{font-size:clamp(42px,12.2vw,58px);line-height:.95;letter-spacing:-.052em}
  .hero-lead{margin-top:18px;font-size:16px;line-height:1.6}
  .article-wrap{padding:52px 18px 64px;gap:42px}
  .article{font-size:16px;line-height:1.78}
  .article p{margin-bottom:22px}
  .article .intro,.intro{font-size:18px;line-height:1.65}
  .article h2{margin:48px 0 17px;font-size:32px;line-height:1.04}
  .article h3{margin:31px 0 12px;font-size:21px}
  .article ul{padding-left:19px;margin-bottom:24px}.article li{margin:8px 0}
  .factbox{margin:34px 0;padding:21px 18px}
  .faq{margin-top:50px}.faq-item{padding:23px 0}.faq-item h3{font-size:19px}.faq-item p{font-size:15px}
  .sidebar{padding-top:0}.sidebox{padding-top:18px}.sidebox h2{font-size:28px}.sidebox p{font-size:13px}
  .cta{width:100%;min-height:50px;justify-content:space-between;padding:0 16px}
  .related{padding:58px 18px}.related h2{font-size:38px;margin-bottom:26px}.rel{min-height:0;padding:22px 0}.rel h3{margin-top:20px;font-size:23px}
  .footer{padding:30px 18px}.footer-inner{gap:12px;font-size:9px;line-height:1.55}
  .blog-index{padding:58px 18px 72px}.blog-index h1{margin-bottom:18px;font-size:clamp(43px,12vw,57px)}.blog-index>.lead{font-size:16px;line-height:1.65}
  .blog-grid{margin-top:42px}.blog-card{min-height:0;padding:26px 0}.blog-card h2{margin:30px 0 13px;font-size:31px;line-height:1}.blog-card p{font-size:14px;line-height:1.65}
  a,button{touch-action:manipulation}
}