/* article-shell.css — runmotoapparel.com article base layout.
 * Brand tokens from _DESIGN-SYSTEM.md §0: asphalt #0B0C10 / gunmetal #2A2E35 / signal orange #FF4C00 (accent only)
 * / mist #F3F4F6; headings Barlow Condensed, body Inter; 4px radius on controls, square cards and images. */
:root{--rm-ink:#0B0C10;--rm-gun:#2A2E35;--rm-acc:#FF4C00;--rm-acc-h:#EB4600;--rm-mist:#F3F4F6;--rm-g2:#D9DCE1;--rm-g3:#9AA0A8;--rm-g4:#5C636D;--rm-txt-d:#F4F4F5;--rm-txt-d2:#B8BCC4;--rm-fh:'Barlow Condensed','Inter',sans-serif;--rm-fb:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}

.article-page{max-width:1240px;margin:0 auto;padding:64px 24px 96px}

.article-content{max-width:720px;margin:0 auto;font-family:var(--rm-fb);font-size:16px;line-height:1.75;color:var(--rm-ink)}
.article-content img{max-width:100%;height:auto;border-radius:0;margin:24px 0}
.article-content figure{margin:32px 0}
.article-content figure img{margin:0}
.article-content figcaption{font-size:13px;color:var(--rm-g4);margin-top:8px;line-height:1.55}
.article-content a{color:var(--rm-ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--rm-acc);text-decoration-thickness:2px;text-underline-offset:3px}
.article-content a:hover{color:var(--rm-gun);text-decoration-color:var(--rm-ink)}

.blog-hero{position:relative;min-height:400px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-align:left;background:var(--rm-ink);padding:120px max(24px,calc((100% - 1192px)/2)) 56px;overflow:hidden;color:var(--rm-txt-d)}
.blog-hero::before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}
.blog-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,12,16,.94) 0%,rgba(11,12,16,.82) 48%,rgba(11,12,16,.55) 100%);z-index:0}
.blog-hero>*{position:relative;z-index:1}
.blog-hero h1{font-family:var(--rm-fh);color:var(--rm-txt-d);font-size:49px;font-weight:700;letter-spacing:.01em;line-height:1.05;max-width:900px;margin:0 0 16px;text-wrap:balance}

.blog-meta-item{display:inline-flex;align-items:center;gap:6px;color:var(--rm-txt-d2);font-size:13px}
.blog-meta-item i{color:var(--rm-acc)}
.blog-meta-item a{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}

.blog-category-badge{display:inline-block;background:var(--rm-acc);color:var(--rm-ink);font-family:var(--rm-fh);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:5px 12px;border-radius:0;margin-bottom:16px;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}

@media (max-width:768px){
  .blog-hero{min-height:300px;padding:104px 20px 40px}
  .blog-hero h1{font-size:31px}
  .article-page{padding:40px 20px 64px}
}
@media (max-width:991.98px){
  .article-page>.row{margin-left:0;margin-right:0}
  .article-page>.row>[class*="col-"]{padding-left:0;padding-right:0}
}