/* The same myrtle hall, opened into a quiet reading room. */
.editorial-page { --reading-width: 720px; --brass-deep: #795b1b; }
.editorial-index,.editorial-article { width:min(1120px,100%); margin:auto; padding:64px var(--gutter) 100px; }
.editorial-intro { max-width:820px; margin-bottom:58px; }
.editorial-label { color:var(--brass-deep); font-weight:700; font-size:.875rem; letter-spacing:.1em; text-transform:uppercase; margin-bottom:18px; }
.editorial-intro h1,.editorial-article-head h1 { color:var(--ink); font:500 clamp(2.6rem,4.5vw,4.5rem)/1.08 var(--serif); letter-spacing:-.02em; max-width:18ch; }
.editorial-deck { max-width:42em; color:var(--ink-soft); font-size:1.375rem; line-height:1.45; margin-top:24px; }
.editorial-list { border-top:1px solid #b8c5b8; }
.editorial-row { display:grid; grid-template-columns:180px 1fr; gap:36px; border-bottom:1px solid #b8c5b8; padding:36px 0; }
.editorial-row-meta { font-size:.9375rem; color:var(--ink-soft); display:flex; flex-direction:column; gap:10px; }
.editorial-row-meta span { color:var(--brass-deep); font-weight:700; }
.editorial-row h2 { font:500 2rem/1.2 var(--serif); margin:0 0 14px; }
.editorial-row h2 a { text-decoration:none; }
.editorial-row h2 a:hover { text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:1px; }
.editorial-row p { color:var(--ink-soft); max-width:40em; }
.editorial-row .editorial-tags { font-size:.875rem; margin-top:18px; }
.editorial-empty { padding:42px 0; max-width:40em; }
.editorial-empty p+p { margin-top:12px; }
.editorial-empty .btn { margin-top:28px; }
.editorial-back { color:var(--ink-soft); text-underline-offset:4px; display:inline-block; margin-bottom:32px; }
.editorial-article-head { border-bottom:1px solid #b8c5b8; padding-bottom:38px; margin-bottom:44px; }
.editorial-article-head h1 { max-width:22ch; }
.editorial-byline { font-size:1rem; color:var(--ink-soft); margin-top:28px; }
.editorial-reading { display:grid; grid-template-columns:minmax(0,var(--reading-width)) minmax(150px,1fr); gap:50px; align-items:start; }
.editorial-prose { min-width:0; font-size:1.3125rem; line-height:1.65; }
.editorial-prose h2 { font:500 2.25rem/1.2 var(--serif); margin:48px 0 20px; scroll-margin-top:100px; }
.editorial-prose h2:first-child { margin-top:0; }
.editorial-prose h3 { font:700 1.5rem/1.3 var(--serif); margin:32px 0 14px; scroll-margin-top:100px; }
.editorial-prose p,.editorial-prose ul,.editorial-prose ol,.editorial-prose figure,.editorial-prose blockquote { margin:0 0 22px; }
.editorial-prose a { text-underline-offset:3px; }
.editorial-prose a:hover { color:var(--myrtle); }
.editorial-prose img { display:block; max-width:100%; height:auto; }
.editorial-prose figure { margin-inline:0; }
.editorial-prose figcaption { font-size:1rem; color:var(--ink-soft); margin-top:10px; }
.editorial-prose blockquote { border-left:2px solid var(--brass); padding-left:24px; color:var(--ink-soft); }
.editorial-prose .table-scroll { max-width:100%; overflow:auto; margin-bottom:24px; }
.editorial-prose table { width:100%; border-collapse:collapse; font-size:1rem; line-height:1.4; }
.editorial-prose th,.editorial-prose td { padding:14px; border-bottom:1px solid #b8c5b8; text-align:left; vertical-align:top; }
.editorial-prose th { background:var(--vellum-deep); }
.editorial-contents { position:sticky; top:100px; font-size:1rem; border-top:2px solid var(--brass); padding-top:16px; }
.editorial-contents p { font-weight:700; margin-bottom:16px; }
.editorial-contents ol { list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.editorial-contents a { color:var(--ink-soft); text-decoration:none; }
.editorial-contents a:hover { text-decoration:underline; text-underline-offset:3px; }
.editorial-next { margin-top:64px; padding:36px; background:var(--vellum-deep); border-top:2px solid var(--brass); }
.editorial-next h2 { font:500 2rem/1.2 var(--serif); max-width:24ch; margin-bottom:16px; }
.editorial-next .btn { margin-top:24px; }
.editorial-update { display:grid; grid-template-columns:180px minmax(0,1fr); gap:36px; border-bottom:1px solid #b8c5b8; padding:38px 0; scroll-margin-top:100px; }
.editorial-update>time { color:var(--ink-soft); font-size:.9375rem; padding-top:6px; }
.editorial-update .editorial-prose h2 { font-size:2rem; }
.change-list { list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.change-list li { display:grid; grid-template-columns:88px minmax(0,1fr); align-items:baseline; gap:12px; }
.change-text { min-width:0; overflow-wrap:anywhere; }
.change-tag { justify-self:start; font-size:.75rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; border-radius:999px; padding:1px 10px 2px; }
.change-tag--new { background:#173a33; color:#eceee3; }
.change-tag--improved { background:#dfe3d4; color:#2b5a4f; }
.change-tag--fixed { background:#f3e6c6; color:#8a6a22; }
@media(max-width:760px) {
  .editorial-index,.editorial-article { padding-top:40px; padding-bottom:64px; }
  .editorial-intro { margin-bottom:36px; }
  .editorial-deck { font-size:1.1875rem; }
  .editorial-row,.editorial-update { grid-template-columns:1fr; gap:16px; padding-block:28px; }
  .editorial-row-meta { flex-direction:row; flex-wrap:wrap; gap:8px 20px; }
  .editorial-reading { display:flex; flex-direction:column; gap:32px; }
  .editorial-contents { position:static; order:-1; width:100%; }
  .editorial-prose { width:100%; font-size:1.25rem; }
  .editorial-prose h2 { font-size:1.875rem; margin-top:36px; }
  .editorial-next { padding:24px; margin-top:40px; }
  .editorial-page .masthead-nav { gap:14px; font-size:.9375rem; }
}
@media(prefers-reduced-motion:reduce) { .editorial-page { scroll-behavior:auto; } html:has(.editorial-page) { scroll-behavior:auto; } }

.editorial-row:has(.editorial-row-cover) { grid-template-columns:180px 1fr 280px; align-items:center; }
.editorial-row-cover img,.editorial-cover { display:block; width:100%; height:auto; border-radius:10px; }
.editorial-cover { margin-top:32px; }
@media (max-width:760px) { .editorial-row:has(.editorial-row-cover) { grid-template-columns:1fr; } .editorial-row-cover { order:-1; } }