/* =========================================================
   AIM-COM™ ARTICLE STYLES
   Shared reading system for all editorial/article pages.
   Page-specific visual components can remain inside each HTML.
   Edit this file for article-wide typography, hero, sidebar,
   tables, blockquotes and related-insight behavior.
   ========================================================= */
.article-hero{
  position:relative;
  overflow:hidden;
  padding:148px 0 82px;
  color:#fff;
  background:radial-gradient(circle at 78% 20%,rgba(43,131,221,.33),transparent 33%),radial-gradient(circle at 15% 92%,rgba(245,154,35,.12),transparent 27%),linear-gradient(135deg,#061b32,#082b55 58%,#0b3b70);
}
.article-hero .container{position:relative;z-index:2}
.article-title{max-width:1000px;color:#fff;font-family:"Arial Narrow","Aptos Display","Segoe UI",sans-serif;font-size:clamp(2.65rem,5vw,4.9rem);font-weight:880;letter-spacing:-.05em;line-height:1.02}
.article-subtitle,.article-deck{max-width:880px;color:rgba(255,255,255,.72);font-size:18px;line-height:1.7}
.article-meta{display:flex;flex-wrap:wrap;gap:10px 22px;color:rgba(255,255,255,.62);font-size:12px}
.content-wrapper,.article-wrap{padding:76px 0 96px}
.article-layout,.content-grid,.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:68px;align-items:start}
.article-body{max-width:790px;color:#41576c;font-family:Georgia,"Times New Roman",serif;font-size:1.08rem;line-height:1.86}
.article-body p{margin-bottom:23px}
.article-body>.lead,.article-body .lead{color:var(--ink);font-size:1.22rem;line-height:1.75;font-weight:600}
.article-body h2{margin:50px 0 20px;color:var(--navy);font-family:"Arial Narrow","Aptos Display","Segoe UI",sans-serif;font-size:2rem;font-weight:850;letter-spacing:-.025em;line-height:1.15}
.article-body h3{color:var(--navy);font-family:"Arial Narrow","Aptos Display","Segoe UI",sans-serif}
.article-body a{color:var(--blue);text-underline-offset:2px}
.article-body blockquote{margin:42px 0;padding:28px 30px;border-left:4px solid var(--orange);background:var(--cloud);color:var(--navy);font-family:Georgia,"Times New Roman",serif;font-size:1.25rem;line-height:1.65}
.article-body table{width:100%;border-collapse:collapse;margin:36px 0;font-family:"Aptos","Segoe UI",sans-serif}
.article-body th{background:var(--navy);color:#fff;text-align:left}
.article-body th,.article-body td{padding:14px;border-bottom:1px solid var(--line);vertical-align:top}
.sidebar{position:sticky;top:112px}
.sidebar-widget,.sidebar-widget-list,.widget{border:1px solid var(--line);border-radius:16px;background:#fff;padding:28px;margin-bottom:22px;box-shadow:var(--shadow-soft)}
.author-img,.author img{object-fit:cover;border-radius:50%}
.related-item a,.related a{color:var(--navy);text-decoration:none}
.related-item a:hover,.related a:hover{color:var(--blue)}
@media(max-width:980px){
  .article-layout,.content-grid,.article-grid{grid-template-columns:1fr}
  .article-body{max-width:none}
  .sidebar{position:static}
}
@media(max-width:680px){
  .article-hero{padding:120px 0 64px}
  .content-wrapper,.article-wrap{padding:54px 0 72px}
  .article-body{font-size:1.02rem}
  .article-body h2{font-size:1.7rem}
}