/* ============================================================================ editorial.css — the full Éist experience at "/" (the scrolling document). Loaded LAST, after colors/avian/application, so it overrides the fixed wall-shell body rules and adds the overview's own components. Every colour comes from colors.css (var(--…)); nothing is hardcoded here. ============================================================================ */ /* Undo the fixed wall-app shell (avian.css sets body overflow:hidden / fixed stage) so this page scrolls like a document. */ html { height: auto; } body.ed { height: auto; min-height: 100vh; overflow: visible; background: var(--paper); color: var(--ink); font-family: ui-serif, "Iowan Old Style", "Apple Garamond", Georgia, serif; } .ed-main, .ed-top, .ed-foot { width: min(100%, 1120px); margin: 0 auto; padding-inline: 40px; } /* ---- Masthead ---- */ .ed-top { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 26px; padding-bottom: 18px; border-bottom: 1px solid var(--ink); } /* React renders the brand + nav items as