.article-header{
padding:120px 0 80px;
border-bottom:1px solid var(--border);
}

.article-category{
color:var(--accent);
font-size:.85rem;
letter-spacing:3px;
font-weight:600;
}

.article-header h1{
max-width:900px;
font-size:4rem;
line-height:1.1;
margin:25px 0;
}

.article-summary{
max-width:760px;
font-size:1.25rem;
color:var(--muted);
}

.article-meta{
display:flex;
gap:30px;
margin-top:35px;
color:var(--muted);
font-size:.95rem;
}


.article-layout{
display:grid;
grid-template-columns:minmax(0,760px) 320px;
gap:80px;
padding:100px 0;
}

.article-content{
font-size:1.12rem;
}

.article-content p{
margin-bottom:28px;
}

.article-content h2{
font-size:2rem;
margin:55px 0 25px;
line-height:1.2;
}

.article-content ul{
margin:30px 0 40px;
padding-left:25px;
}

.article-content li{
margin-bottom:12px;
}


.insight-box{
background:#f8f9fa;
border:1px solid var(--border);
padding:35px;
border-radius:var(--radius);
margin:40px 0;
}

.insight-box strong{
display:block;
margin-bottom:10px;
font-size:1.15rem;
}

.insight-box p{
margin-bottom:25px;
}


.article-sidebar{
position:sticky;
top:120px;
height:max-content;
}

.sidebar-card{
border:1px solid var(--border);
border-radius:var(--radius);
padding:30px;
margin-bottom:30px;
}

.sidebar-card h3{
margin-bottom:25px;
}

.sidebar-card a{
display:block;
padding:12px 0;
border-bottom:1px solid var(--border);
}

.sidebar-card a:last-child{
border:none;
}

@media(max-width:900px){

.article-header h1{
font-size:2.6rem;
}

.article-layout{
grid-template-columns:1fr;
gap:40px;
}

.article-sidebar{
position:static;
}

}