/* article-shell.css — runhockeyapparel.com article base layout.
 * Brand: navy #0B1B33 / blue #1F4E79 / amber #F59E0B / ice #F7F9FC (same tokens as the landing pages). */
:root{--rh-navy:#0B1B33;--rh-blue:#1F4E79;--rh-blue-d:#163B5E;--rh-amber:#F59E0B;--rh-amber-h:#FFB62E;--rh-ice:#F7F9FC;--rh-ink:#14243B;--rh-muted:#53647A;--rh-line:#DCE3EC;--rh-font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}

.article-page{max-width:1240px;margin:0 auto;padding:3rem 1.5rem 4rem}

.article-content{max-width:780px;margin:0 auto;font-family:var(--rh-font);font-size:1.0625rem;line-height:1.78;color:var(--rh-ink)}
.article-content img{max-width:100%;height:auto;border-radius:12px;margin:1.5rem 0}
.article-content figure{margin:2rem 0}
.article-content figure img{margin:0}
.article-content figcaption{font-size:.88rem;color:var(--rh-muted);margin-top:.6rem;line-height:1.55}
.article-content a{color:var(--rh-blue);font-weight:600;text-decoration:underline;text-decoration-color:rgba(31,78,121,.35);text-underline-offset:2px}
.article-content a:hover{text-decoration-color:var(--rh-blue)}

.blog-hero{position:relative;min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--rh-navy);padding:6.5rem 1.5rem 3.5rem;overflow:hidden;color:#fff}
.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(180deg,rgba(11,27,51,.62) 0%,rgba(11,27,51,.86) 100%);z-index:0}
.blog-hero>*{position:relative;z-index:1}
.blog-hero h1{font-family:var(--rh-font);color:#fff;font-size:clamp(1.9rem,3.8vw,3rem);font-weight:800;letter-spacing:-.01em;line-height:1.12;max-width:900px;margin:0 auto 1rem}

.blog-meta-item{display:inline-flex;align-items:center;gap:.4rem;color:rgba(255,255,255,.88);font-size:.9rem;margin:0 .4rem .25rem}
.blog-meta-item i{color:var(--rh-amber)}
.blog-meta-item a{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}

.blog-category-badge{display:inline-block;background:var(--rh-amber);color:var(--rh-navy);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .9rem;border-radius:20px;margin-bottom:1rem}

@media (max-width:768px){
  .blog-hero{min-height:280px;padding:5rem 1rem 2.5rem}
  .article-page{padding:2rem 1rem 3rem}
}
@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}
}
@media (max-width:991px){.blog-hero{padding-top:9.5rem}}