/* Extends the approved reading layout; no extra client-side runtime. */
.editorial-connections { padding-block:clamp(36px,5vw,68px); scroll-margin-top:24px; }
.editorial-connections h2 { font-family:var(--serif); font-weight:300; font-size:clamp(32px,3.3vw,46px); line-height:1.15; margin:0 0 24px; letter-spacing:-.025em; }
.editorial-connections h3 { font-family:var(--sans); font-size:22px; line-height:1.4; font-weight:600; margin:0 0 16px; }
.editorial-connections p { font-size:20px; line-height:1.6; max-width:920px; margin:0 0 24px; }
.editorial-connections ul { list-style:none; padding:0; margin:0; }
.editorial-connections li { margin:0 0 16px; }
.editorial-connections a { color:var(--ink); font-size:20px; line-height:1.5; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px; overflow-wrap:anywhere; }
.editorial-connections a:hover { color:var(--gold); }
.editorial-connections a:focus-visible,.editorial-video-link:focus-visible { outline:2px solid var(--gold); outline-offset:5px; }
.editorial-connections a span { white-space:nowrap; }
.editorial-link-columns { display:grid; grid-template-columns:1.2fr 1fr; gap:36px 64px; margin-top:30px; }
.editorial-link-columns>div { min-width:0; }
.editorial-comparisons { display:grid; gap:40px; }
.editorial-comparisons>div { max-width:980px; }
.editorial-comparisons ul { display:flex; flex-wrap:wrap; gap:8px 32px; }
.editorial-comparisons li { flex:1 1 320px; }
.editorial-video-link { pointer-events:auto; color:inherit; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
@media(max-width:760px) {
  .editorial-link-columns { grid-template-columns:1fr; gap:24px; }
  .editorial-connections p,.editorial-connections a { font-size:18px; }
  .editorial-connections h3 { font-size:21px; }
  .editorial-comparisons li { flex-basis:100%; }
}