.news-hero-grid{
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);
gap:var(--space-5);
align-items:center;
}
.news-hero-text{
min-width:0;
display:flex;
flex-direction:column;
align-items:flex-start;
gap:var(--space-3);
}
.news-hero-media{min-width:0}
.news-hero-media img,
.news-performance-image img,
.news-compat-col img{
width:100%;
height:auto;
aspect-ratio:4/3;
object-fit:cover;
border:1px solid var(--color-border);
background:var(--color-bg-alt);
}

.news-metrics-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-4);
}
.news-metric-block,
.news-metric-cta{
display:flex;
flex-direction:column;
gap:var(--space-3);
min-width:0;
padding:var(--space-4);
border:1px solid var(--color-border);
background:var(--color-bg);
}

.news-performance-grid{
display:grid;
grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr);
gap:var(--space-5);
align-items:center;
}
.news-performance-text{min-width:0}
.news-performance-image{min-width:0}

.news-stability-grid{display:grid;grid-template-columns:1fr}
.news-stability-text{max-width:70ch}

.news-compatibility-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-4);
}
.news-compat-col{
min-width:0;
display:flex;
flex-direction:column;
gap:var(--space-3);
padding:var(--space-4);
border:1px solid var(--color-border);
}

.news-architecture-grid{display:grid;grid-template-columns:1fr}
.news-architecture-text{max-width:70ch}

.news-benchmark-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-4);
}
.news-benchmark-block{
min-width:0;
display:flex;
flex-direction:column;
gap:var(--space-3);
padding:var(--space-4);
border:1px solid var(--color-border);
}

.news-proscons-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-4);
}
.news-pros,
.news-cons{
min-width:0;
display:flex;
flex-direction:column;
gap:var(--space-3);
padding:var(--space-4);
border:1px solid var(--color-border);
}

.news-final-grid{display:grid;grid-template-columns:1fr}
.news-final-text{
max-width:640px;
display:flex;
flex-direction:column;
align-items:flex-start;
gap:var(--space-3);
}

@media (max-width:900px){
.news-hero-grid,
.news-performance-grid,
.news-compatibility-grid,
.news-proscons-grid{grid-template-columns:1fr}
.news-metrics-grid,
.news-benchmark-grid{grid-template-columns:1fr}
}
