/* Added prose follows the original site layout and colour variables. */
.editorial-prose,.section-introduction{max-width:76ch;color:var(--text-soft,var(--ink));line-height:1.85}
.editorial-prose p{margin:0 0 1.2em}
.section-introduction{margin:0 auto 2rem;text-align:center}
.editorial-intro{width:min(1100px,calc(100% - 48px));margin:0 auto 44px;padding:28px 0;border-top:1px solid var(--line)}
.editorial-intro h2,.editorial-addition h2{font-family:var(--serif);font-weight:500;color:var(--text,var(--ink));line-height:1.2}
.editorial-intro h2{font-size:clamp(1.7rem,3vw,2.25rem);margin:0 0 1rem}
.editorial-addition{margin:2.3rem 0;padding-top:1.6rem;border-top:1px solid var(--line)}
.editorial-addition h2{font-size:clamp(1.6rem,3vw,2rem)}
.editorial-addition p{line-height:1.85;color:var(--text-soft,var(--ink))}
.publisher-credit{font-size:.8rem;color:var(--muted);margin:1rem 0 2rem}
.publisher-credit a{text-underline-offset:3px}
.home-context{max-width:none;border-top:1px solid var(--line);margin-top:28px;padding-top:24px}
.collection-link{margin:24px 0 0}
.small-note{font-size:.83rem;color:var(--muted);line-height:1.6}
.tool-editorial{width:100%;max-width:960px;margin:0 auto 30px;padding:24px 0;border-top:1px solid var(--line);color:var(--text-soft,var(--text));font-family:var(--sans)}
.tool-editorial h2{font-family:var(--serif,"Fraunces",Georgia,serif);font-size:1.6rem;line-height:1.2;margin:0 0 18px;color:var(--text)}
.tool-editorial p{line-height:1.8;margin:0 0 16px}
.tool-editorial a{color:var(--sage);text-decoration:underline;text-underline-offset:4px}
.tool-jump{display:inline-block;font-weight:700;margin-top:8px}
.puzzle-editorial{margin-bottom:32px}
.puzzle-editorial .saved-note{font-weight:700;color:var(--text,var(--ink))}
@media(max-width:740px){
  .editorial-intro{width:calc(100% - 40px);padding-top:22px}
  .tool-editorial{padding-top:20px}
}
/* Retain the verified narrow-screen header fix. */
@media(max-width:720px){
  .site-header .nav-shell{gap:8px}
  .site-header .brand{min-width:0;gap:8px}
  .site-header .logo-mark,.site-header .menu-button{flex:none}
}
@media(max-width:380px){
  .site-header .nav-shell{gap:6px;padding-inline:9px}
  .site-header .brand{gap:6px}
  .site-header .brand-title{font-size:.9rem;white-space:normal;line-height:1.15;max-width:124px}
  .site-header .logo-mark{width:30px;height:30px}
  .site-header .theme-button{width:32px;height:32px}
  .site-header .menu-button{font-size:.8rem;padding:7px 9px}
}
@media print{.tool-jump{display:none}.editorial-addition,.editorial-intro{border:0;padding-top:0}}