.article-dek{max-width:680px;margin:20px 0 0;color:#d6dae3;font-size:1.05rem;line-height:1.55}
.article-meta{display:flex;flex-wrap:wrap;gap:9px 20px;margin-top:22px;font-size:.76rem;color:#aab1bf;letter-spacing:.08em;text-transform:uppercase}
.article-meta span{position:relative}
.article-meta span+span::before{content:'·';position:absolute;left:-12px;color:var(--gold)}
.article-hero{max-width:1040px;margin:0 auto;padding:34px 24px 0}
.article-hero img{display:block;width:100%;height:clamp(260px,42vw,460px);object-fit:cover;object-position:center 50%}
.inline-related{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;margin:44px 0 8px;padding:22px 0;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold)}
.inline-related small{display:block;margin-bottom:4px;color:var(--gold);font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.inline-related strong{display:block;font-size:1.08rem;line-height:1.4}
.inline-related .arrow{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-left:1px solid var(--gold);color:var(--gold);font-size:1.45rem}
.inline-related:hover strong{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
@media(max-width:620px){
  .article-dek{font-size:.98rem}
  .article-meta{display:grid;gap:4px}
  .article-meta span+span::before{display:none}
  .article-hero{padding:20px 0 0}
  .article-hero img{height:250px}
  .inline-related{gap:14px}
}