.editorial-intro { display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:center; margin-bottom:48px; }
.editorial h1 { font-size:clamp(2rem, 4vw, 3.1rem); }
.editorial-cover { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:22px; background:var(--wash); }
.editorial-group { margin:34px 0; }
.editorial-grid { list-style:none; padding:0; display:grid; gap:20px; grid-template-columns:repeat(3, minmax(0, 1fr)); }
.editorial-grid li { min-width:0; }
.editorial-card { display:flex; flex-direction:column; height:100%; overflow:hidden; border:1px solid var(--line); border-radius:18px; color:var(--ink); text-decoration:none; }
.editorial-card:hover h3 { text-decoration:underline; text-decoration-color:var(--green); }
.editorial-card img { width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; background:var(--wash); }
.editorial-card div { padding:19px; }
.editorial-card h3 { margin-bottom:9px; font-size:18px; }
.editorial-card p, .editorial-grid .panel p { color:var(--muted); margin:0; font-size:14px; }
.editorial-article { max-width:820px; }
.editorial-crumbs { gap:9px; margin-bottom:20px; font-size:14px; }
.editorial-byline, .editorial-example figcaption { font-size:14px; color:var(--muted); }
.editorial-article .lead { max-width:none; }
.editorial-copy { max-width:68ch; margin:34px auto 0; }
.editorial-copy section { margin:30px 0; }
.editorial-copy p, .editorial-copy li { line-height:1.75; }
.editorial-action { margin:28px 0; }
.editorial-example { margin:24px 0 30px; }
.editorial-example > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.editorial-example dl { display:grid; grid-template-columns:1fr auto; gap:8px 12px; font-size:14px; margin-bottom:0; }
.editorial-example dd { margin:0; font-variant-numeric:tabular-nums; font-weight:600; }
.editorial-example figcaption { margin-top:9px; }
@media (max-width: 800px) { .editorial-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 680px) {
    .editorial-intro { grid-template-columns:1fr; gap:22px; margin-bottom:32px; }
    .editorial-grid { grid-template-columns:1fr; }
    .editorial-cover { border-radius:16px; }
    .editorial-example > div { grid-template-columns:1fr; }
}