/* Established serif, cobalt and editorial-photo identity; no scroll reveals. */
:root {
  color-scheme: light;
  --paper: #f7f8fa;
  --paper-alt: #eaf1fa;
  --ink: #1b2433;
  --secondary: #4b5668;
  --rule: #d4deed;
  --link: #214fe9;
  --signal: #b74836;
  --green: #087c72;
  --display: "Literata", Georgia, "Times New Roman", serif;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --paper: #17191e;
  --paper-alt: #20252e;
  --ink: #f0f2f8;
  --secondary: #b8c1d1;
  --rule: #3d4658;
  --link: #a4bdff;
  --signal: #f5a18c;
  --green: #79d8c7;
}
* { box-sizing: border-box; }
html { scroll-padding-top: 92px; scroll-behavior: auto; }
html[data-theme] body.edition {
  margin: 0;
  color: var(--ink) !important;
  background: var(--paper) !important;
  font: 17px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  overflow-x: clip;
}
.edition *, .edition *::before, .edition *::after { letter-spacing: 0 !important; }
.edition img { max-width: 100%; height: auto; }
.edition a { color: var(--link); text-underline-offset: .2em; }
.edition a:hover { text-decoration-thickness: 2px; }
.edition button, .edition input, .edition textarea, .edition select { font: inherit; }
.edition button, .edition summary { cursor: pointer; }
.edition :focus-visible { outline: 3px solid var(--link); outline-offset: 4px; }
.edition [hidden] { display: none !important; }
.ed-wrap { width: min(1184px, calc(100% - 64px)); margin-inline: auto; }
.ed-skip { position: fixed; z-index: 100; top: 8px; left: 16px; padding: 12px; background: var(--paper); transform: translateY(-160%); }
.ed-skip:focus { transform: none; }
.ed-icon { width: 20px; height: 20px; flex: 0 0 20px; }
html[data-theme="dark"] .ed-icon { filter: invert(1); }
.ed-icon-button { display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 10px; border: 1px solid var(--rule); border-radius: 6px; background: var(--surface); color: var(--ink); }
.ed-icon-button:hover { background: var(--paper-alt); }
.ed-brand { display: flex; align-items: center; gap: 12px; color: var(--ink) !important; text-decoration: none; margin-right: auto; line-height: 1.25; font-size: 15px; }
.ed-brand img { width: 46px; height: 46px; border-radius: 50%; border: 2px solid var(--link); padding: 2px; background: var(--surface); }
.ed-brand strong { display: block; font-weight: 700; }
.ed-brand small { display: block; font-size: 12px; color: var(--secondary); margin-top: 3px; }
.ed-header-tools { display: flex; align-items: center; gap: 8px; }
.ed-menu-button { display: none; }
.ed-contact-link { color: #fff !important; background: #214fe9; border: 1px solid #214fe9; padding: 10px 16px; border-radius: 6px; text-decoration: none; font-weight: 650; font-size: 14px; white-space: nowrap; }
.ed-nav-dialog { width: min(480px, 100%); height: 100dvh; max-height: 100dvh; max-width: 100%; margin: 0 0 0 auto; padding: 28px; border: 0; border-left: 1px solid var(--rule); background: var(--paper); color: var(--ink); }
.ed-nav-dialog::backdrop { background: #0008; }
.ed-dialog-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
.ed-nav-dialog nav { display: grid; }
.ed-nav-dialog nav a { padding: 17px 0; color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--rule); font-size: 23px; }
.ed-nav-dialog .ed-dialog-contact { display: block; margin-top: 30px; }
.ed-content h1, .ed-content h2, .ed-content h3, .ed-content p, .ed-content ul, .ed-content ol, .ed-content figure { margin-top: 0; }
.ed-content h1, .ed-content h2, .ed-content h3 { font-family: var(--display); font-weight: 700; text-wrap: balance; overflow-wrap: break-word; }
.ed-content h1 { font-size: 62px; line-height: 1.08; max-width: 24ch; margin-bottom: 25px; }
.ed-content h2 { font-size: 40px; line-height: 1.18; margin-bottom: 22px; }
.ed-content h3 { font-size: 26px; line-height: 1.25; margin-bottom: 12px; }
.ed-content p { margin-bottom: 20px; }
.ed-content p:last-child { margin-bottom: 0; }
.ed-label { margin-bottom: 18px !important; color: var(--green); font-size: 12px; font-weight: 650; text-transform: uppercase; }
.ed-section-head .ed-label, .ed-intro > .ed-wrap > .ed-label, .ed-home-copy > .ed-label { display: flex; align-items: center; gap: 14px; color: var(--link); }
.ed-section-head .ed-label::before, .ed-intro > .ed-wrap > .ed-label::before, .ed-home-copy > .ed-label::before { content: ""; flex: 0 0 24px; height: 1px; background: currentColor; }
.ed-muted { color: var(--secondary); }
.ed-lead { max-width: 64ch; font-size: 21px; line-height: 1.55; }
.ed-intro { padding-block: 38px 64px; border-bottom: 1px solid var(--rule); }
.ed-intro .ed-label { margin-top: 20px; }
.ed-crumbs { font-size: 13px; color: var(--secondary); margin-bottom: 32px; }
.ed-crumbs a { color: inherit; }
.ed-crumbs span { margin-inline: 10px; }
.ed-band { padding-block: 68px; border-bottom: 1px solid var(--rule); }
.ed-band--tint { background: var(--paper-alt); }
.ed-section-head { display: flex; align-items: end; gap: 40px; justify-content: space-between; margin-bottom: 28px; }
.ed-section-head h2 { margin-bottom: 0; }
.ed-section-head > a { flex-shrink: 0; font-size: 15px; }
.ed-actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-top: 28px; }
.ed-button { min-height: 52px; padding: 13px 21px; border: 1px solid var(--rule); border-radius: 6px; background: var(--surface); color: var(--ink) !important; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-size: 15px; font-weight: 650; line-height: 1.4; }
.ed-button:hover { background: var(--paper-alt); }
.ed-button--primary { border-color: #214fe9; background: #214fe9; color: white !important; box-shadow: 0 10px 24px #214fe928; }
.ed-button--primary:hover { background: #1740c8; }
.ed-button--primary .ed-icon { filter: invert(1); }
.ed-text-link { font-size: 15px; font-weight: 600; }
.ed-home-hero { position: relative; isolation: isolate; background: var(--paper); color: var(--ink); overflow: hidden; border-bottom: 1px solid var(--rule); }
.ed-home-photo { position: absolute; inset: 0; margin: 0; z-index: -1; pointer-events: none; }
.ed-home-photo img { position: absolute; height: 460px; width: min(34%, 410px); right: max(32px, calc((100% - 1184px) / 2)); top: 48px; object-fit: cover; object-position: center 35%; }
.ed-home-copy { max-width: 640px; padding-block: 56px 48px; }
.ed-home-copy h1 { color: var(--ink); font-size: 72px; line-height: 1.01; margin-bottom: 28px; }
.ed-home-copy h1 span { display: block; font-size: 44px; line-height: 1.15; margin-top: 13px; color: var(--link); }
.ed-home-copy .ed-lead { max-width: 43ch; color: var(--secondary); font-size: 21px; }
.ed-home-copy .ed-signature { font-size: 14px; color: var(--green); margin-top: 32px; max-width: 50ch; }
.ed-home-note { padding: 18px 0; font-size: 14px; border-top: 1px solid var(--rule); background: var(--paper-alt); }
.ed-home-note .ed-wrap { display: flex; gap: 24px; justify-content: space-between; }
.ed-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
.ed-columns--aside { grid-template-columns: .65fr 1.35fr; }
.ed-statement { font: 29px/1.45 Georgia, serif; max-width: 32ch; }
.ed-rows { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.ed-row { display: grid; grid-template-columns: minmax(0, 1fr) 28px; grid-template-rows: auto auto 1fr; gap: 18px; align-items: start; padding: 28px; border: 1px solid var(--rule); border-top: 3px solid var(--link); border-radius: 6px; background: var(--surface); box-shadow: var(--shadow); }
.ed-row:nth-child(3n + 2) { border-top-color: var(--green); }
.ed-row:nth-child(3n + 3) { border-top-color: var(--signal); }
.ed-row .ed-number { font: 36px/1 var(--display); color: var(--link); grid-column: 1; }
.ed-row h3 { font-size: 26px; grid-column: 1 / -1; margin-bottom: 0; }
.ed-row h3 a { color: var(--ink); text-decoration: none; }
.ed-row h3 a:hover { color: var(--link); text-decoration: underline; }
.ed-row p { color: var(--secondary); margin: 0; font-size: 16px; grid-column: 1 / -1; }
.ed-row > a { display: grid; place-items: center; width: 44px; height: 44px; margin: -4px -8px 0 0; grid-column: 2; grid-row: 1; border: 1px solid var(--rule); border-radius: 50%; }
.ed-related { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.ed-story { border: 1px solid var(--rule); border-top: 3px solid var(--green); border-radius: 6px; padding: 28px; background: var(--surface); box-shadow: var(--shadow); }
.ed-story:nth-child(3n + 2) { border-top-color: var(--signal); }
.ed-story:nth-child(3n + 3) { border-top-color: var(--link); }
.ed-story h3 { font-size: 26px; }
.ed-story h3 a { color: var(--ink); text-decoration: none; }
.ed-story h3 a:hover { color: var(--link); text-decoration: underline; }
.ed-story p { color: var(--secondary); font-size: 16px; }
.ed-book-feature { display: grid; grid-template-columns: 280px 1fr; gap: 76px; align-items: center; }
.ed-book-feature img { width: 280px; max-height: 370px; object-fit: contain; object-position: left; filter: drop-shadow(12px 18px 13px #182b4c26); }
.ed-book-feature .ed-lead { max-width: 49ch; }
.ed-books { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 44px; }
.ed-book { display: flex; flex-direction: column; align-items: start; padding: 28px; background: var(--surface); border: 1px solid var(--rule); border-radius: 6px; box-shadow: var(--shadow); }
.ed-book > a { display: block; width: 100%; }
.ed-book img { display: block; width: 100%; height: 290px; object-fit: contain; object-position: center bottom; margin-bottom: 34px; filter: drop-shadow(8px 12px 8px #182b4c2b); }
.ed-book h2 { font-size: 32px; }
.ed-book p { color: var(--secondary); }
.ed-book .ed-actions { margin-top: auto; padding-top: 12px; }
.ed-faq { border-top: 1px solid var(--rule); }
.ed-faq details { border-bottom: 1px solid var(--rule); padding-block: 18px; }
.ed-faq summary { padding-right: 24px; font-size: 19px; font-weight: 650; }
.ed-faq details > p { max-width: 70ch; margin: 18px 0 0; }
.ed-steps { margin: 0; padding: 0; list-style: none; counter-reset: steps; }
.ed-steps li { counter-increment: steps; position: relative; padding: 0 0 28px 48px; }
.ed-steps li::before { content: "0" counter(steps); position: absolute; left: 0; color: var(--signal); font: 14px/1.8 ui-monospace, monospace; }
.ed-steps strong { display: block; font-size: 20px; margin-bottom: 8px; }
.ed-steps p { color: var(--secondary); }
.ed-prose { max-width: 72ch; }
.ed-prose p { margin-bottom: 24px; }
.ed-portrait { margin: 0; }
.ed-portrait img { display: block; width: 100%; max-height: 520px; object-fit: cover; border-radius: 6px; box-shadow: var(--shadow); }
.ed-portrait figcaption { font-size: 13px; color: var(--secondary); margin-top: 12px; }
.ed-brief { border: 1px solid var(--rule); border-top: 3px solid var(--link); border-radius: 6px; padding: 30px; background: var(--surface); box-shadow: var(--shadow); }
.ed-brief label { display: block; font-weight: 650; font-size: 15px; margin-bottom: 20px; }
.ed-brief input, .ed-brief textarea, .ed-brief select, .ed-library-search input, .ed-library-search select { display: block; width: 100%; margin-top: 8px; border: 1px solid var(--rule); border-radius: 3px; padding: 12px; background: var(--paper); color: var(--ink); font-size: 16px; }
.ed-brief textarea { min-height: 130px; resize: vertical; }
.ed-brief .ed-privacy { font-size: 13px; color: var(--secondary); margin-block: 16px 0; }
.ed-status { min-height: 1.6em; font-size: 14px; color: var(--green); }
.ed-editor-note { font-size: 14px; color: var(--secondary); border-left: 3px solid var(--rule); padding-left: 18px; }
.ed-article-figure { margin: 32px 0; }
.ed-article-figure img { display: block; width: 100%; }
.ed-article-figure figcaption { font-size: 14px; color: var(--secondary); margin-top: 12px; }
.ed-prompt { padding: 24px; margin: 24px 0; background: var(--paper-alt); border-left: 3px solid var(--green); }
.ed-prompt p { font-size: 16px; }
.ed-prompt [role="status"] { margin-left: 12px; font-size: 14px; }
.ed-decision-sheet { border: 1px solid var(--rule); border-radius: 4px; padding: 24px; margin: 24px 0; }
.ed-decision-sheet fieldset { border: 0; margin: 0 0 24px; padding: 0; }
.ed-decision-sheet legend { font-weight: 650; margin-bottom: 15px; }
.ed-decision-sheet label { display: block; margin-bottom: 18px; font-size: 16px; }
.ed-decision-sheet fieldset label { display: flex; gap: 12px; align-items: start; margin: 0; padding-block: 9px; }
.ed-decision-sheet input[type="checkbox"] { width: 20px; height: 20px; margin-top: 4px; flex-shrink: 0; accent-color: var(--green); }
.ed-decision-sheet textarea { display: block; width: 100%; resize: vertical; min-height: 105px; padding: 12px; border: 1px solid var(--rule); border-radius: 3px; margin-top: 8px; background: var(--paper); color: var(--ink); font-size: 16px; }
.ed-decision-sheet .ed-privacy { font-size: 13px; color: var(--secondary); margin-top: 18px; }
.ed-content .article-meta { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: 13px; color: var(--secondary); }
.ed-brief-result { margin-top: 24px; border-top: 1px solid var(--rule); padding-top: 24px; }
.ed-library-controls { margin-block: 22px 28px; }
.ed-library-search { display: grid; grid-template-columns: 1fr 220px; gap: 24px; }
.ed-library-search label { font-size: 14px; font-weight: 600; }
.ed-filters { display: flex; gap: 22px; flex-wrap: wrap; padding-block: 20px 10px; border-bottom: 1px solid var(--rule); }
.ed-filter { min-width: 44px; min-height: 44px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--secondary); padding: 8px 0; font-size: 15px; }
.ed-filter[aria-pressed="true"] { color: var(--ink); border-color: var(--signal); }
.ed-library-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.ed-library-item { padding: 28px; border: 1px solid var(--rule); border-radius: 6px; background: var(--surface); box-shadow: var(--shadow); display: grid; align-content: start; gap: 20px; }
.ed-library-item h2 { font-size: 29px; margin-bottom: 14px; }
.ed-library-item h2 a { text-decoration: none; color: var(--ink); }
.ed-library-item h2 a:hover { text-decoration: underline; color: var(--link); }
.ed-library-item p { max-width: 74ch; color: var(--secondary); margin-bottom: 10px; }
.ed-library-item .ed-label { font-size: 11px; }
.ed-library-meta { font-size: 13px; color: var(--secondary); }
.ed-empty { padding: 40px 0; }
.ed-empty p { max-width: 65ch; }
.ed-footer-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 40px; }
.ed-footer-bottom { display: flex; flex-wrap: wrap; gap: 10px 25px; border-top: 1px solid var(--rule); margin-top: 35px; padding-top: 22px; color: var(--secondary); font-size: 12px; }
.ed-footer-bottom a { color: inherit; }
.ed-progress { height: 2px; position: fixed; top: 0; left: 0; width: 100%; z-index: 50; pointer-events: none; background: transparent; }
.ed-progress span { display: block; height: 100%; background: var(--signal); transform-origin: left; transform: scaleX(0); }
.ed-backtop { position: fixed; right: 18px; bottom: 18px; z-index: 25; background: var(--paper); box-shadow: 0 2px 10px #0001; }
.ed-reader-tools { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; padding: 16px 0; border-block: 1px solid var(--rule); margin-block: 22px; font-size: 14px; }
.ed-reader-tools button { min-height: 40px; }
.ed-mobile-toc { display: none; }

/* Existing article layouts keep their illustrations and individual exercises. */
html[data-theme] .edition .container { width: min(1184px, calc(100% - 64px)); }
html[data-theme] .edition [data-reveal] { opacity: 1 !important; visibility: visible !important; transform: none !important; transition: none !important; filter: none !important; }
html[data-theme] .edition .longform, html[data-theme] .edition [data-article] { font-size: 18px; line-height: 1.8; min-width: 0; }
html[data-theme] .edition .longform p, html[data-theme] .edition .longform li { color: var(--ink) !important; }
html[data-theme] .edition .longform h2 { margin-top: 48px; color: var(--ink) !important; font: 700 34px/1.25 var(--display); }
html[data-theme] .edition .longform h3 { font-size: 23px; line-height: 1.35; }
html[data-theme] .edition .article-layout { display: grid; grid-template-columns: 220px minmax(0, 760px); gap: 50px; justify-content: center; align-items: start; }
html[data-theme] .edition .article-toc { position: sticky; top: 104px; max-height: calc(100dvh - 130px); overflow: auto; border: 0; padding: 0 16px 0 0; background: none; box-shadow: none; width: auto; }
html[data-theme] .edition .toc-list { list-style: none; margin: 0; padding: 0; }
html[data-theme] .edition .toc-list li { margin: 0; }
html[data-theme] .edition .toc-list a { display: block; padding: 7px 0 7px 12px; font-size: 13px; line-height: 1.4; text-decoration: none; border-left: 2px solid var(--rule); color: var(--secondary); }
html[data-theme] .edition .toc-list a.is-active { border-left-color: var(--signal); color: var(--ink); }
html[data-theme] .edition .longform table { display: block; max-width: 100%; overflow-x: auto; }
html[data-theme] .edition .article-diagram { border-radius: 4px !important; margin-block: 28px !important; }
.ed-prose li, .ed-columns li { margin-bottom: 12px; }
html:not(.ed-js) .ed-header-tools button { display: none; }
html:not(.ed-js):not(.ed-boot) .ed-library-controls { display: none; }
.edition .ed-reader-wide [data-article] { font-size: 21px; }

@media (max-width: 1100px) {
  .ed-brand small { display: none; }
  .ed-contact-link { display: none; }
  .ed-home-copy { max-width: 56%; }
  .ed-home-copy h1 { font-size: 60px; }
  .ed-home-copy h1 span { font-size: 36px; }
  .ed-home-copy .ed-lead { font-size: 20px; }
  .ed-home-photo img { width: 34%; height: 425px; }
  .ed-row, .ed-story, .ed-book { padding: 23px; }
  .ed-row h3, .ed-story h3 { font-size: 24px; }
}
@media (max-width: 800px) {
  html:not(.ed-js) .ed-header-row { flex-wrap: wrap; padding-block: 12px; }
  html:not(.ed-js) .ed-nav { display: flex; flex-wrap: wrap; order: 2; width: 100%; }
  .ed-wrap, html[data-theme] .edition .container { width: calc(100% - 40px); }
  .ed-menu-button { display: inline-grid; }
  .ed-content h1 { font-size: 44px; }
  .ed-content h2 { font-size: 33px; }
  .ed-content h3 { font-size: 25px; }
  .ed-home-copy { max-width: 57%; padding-block: 40px; }
  .ed-home-copy h1 { font-size: 48px; }
  .ed-home-copy h1 span { font-size: 32px; }
  .ed-home-photo img { right: 20px; width: 35%; height: 380px; top: 40px; }
  .ed-home-copy .ed-lead { font-size: 18px; }
  .ed-home-copy .ed-signature { margin-top: 24px; }
  .ed-columns, .ed-columns--aside { grid-template-columns: 1fr; gap: 28px; }
  .ed-rows { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ed-rows > :last-child:nth-child(odd) { grid-column: 1 / -1; }
  .ed-related, .ed-books { gap: 25px; }
  .ed-related { grid-template-columns: 1fr; }
  .ed-section-head { align-items: start; flex-direction: column; gap: 16px; }
  .ed-band { padding-block: 40px; }
  .ed-intro { padding-block: 32px 40px; }
  .ed-lead { font-size: 19px; }
  .ed-book-feature { grid-template-columns: 170px 1fr; gap: 26px; }
  .ed-book-feature img { width: 170px; }
  .ed-book img { height: 230px; }
  .ed-books { grid-template-columns: 1fr; }
  .ed-book { display: grid; grid-template-columns: 180px minmax(0, 1fr); column-gap: 26px; align-content: start; }
  .ed-book > a { grid-row: 1 / 5; }
  .ed-book h2 { font-size: 32px; }
  .ed-book img { margin-bottom: 0; }
  .ed-book .ed-actions { padding-top: 0; margin-top: 0; }
  .ed-library-list { grid-template-columns: 1fr; }
  .ed-footer-grid { grid-template-columns: 1fr 1fr; gap: 24px; }
  .ed-footer-grid > div:first-child { grid-column: 1 / -1; }
  html[data-theme] .edition .article-layout { grid-template-columns: minmax(0, 760px); gap: 0; }
  html[data-theme] .edition .article-toc { display: none; }
  html[data-theme] .edition .longform h2 { font-size: 30px; }
  .ed-mobile-toc { display: block; margin: 16px 0 26px; border-block: 1px solid var(--rule); padding: 15px 0; }
  .ed-mobile-toc summary { font-weight: 650; }
  .ed-mobile-toc ul { list-style: none; padding: 0; }
  .ed-mobile-toc a { display: block; padding: 8px 0; font-size: 15px; }
}
@media (min-width: 801px) and (max-height: 800px) {
  .ed-home-copy { padding-block: 35px; }
  .ed-home-copy h1 { font-size: 54px; margin-bottom: 20px; }
  .ed-home-copy h1 span { font-size: 34px; }
  .ed-home-copy .ed-lead { font-size: 20px; }
  .ed-home-copy .ed-signature { margin-top: 22px; }
  .ed-home-photo img { top: 35px; height: 365px; }
}
@media (max-width: 540px) {
  .ed-brand { font-size: 14px; gap: 9px; }
  .ed-brand img { width: 38px; height: 38px; }
  .ed-header-tools { gap: 6px; }
  .ed-header-tools .ed-icon-button { width: 40px; height: 40px; }
  .ed-home-photo { display: none; }
  .ed-home-copy { max-width: none; padding: 36px 0; }
  .ed-home-copy .ed-label { font-size: 11px; }
  .ed-home-copy h1 { font-size: 46px; margin-bottom: 24px; }
  .ed-home-copy h1 span { font-size: 32px; margin-top: 10px; }
  .ed-home-copy .ed-lead { font-size: 18px; max-width: none; line-height: 1.5; }
  .ed-home-copy .ed-actions { margin-top: 20px; gap: 14px 20px; }
  .ed-home-copy .ed-signature { display: none; }
  .ed-home-note { padding-block: 14px; font-size: 12px; }
  .ed-home-note .ed-wrap { gap: 8px 20px; flex-wrap: wrap; }
  .ed-content h1 { font-size: 40px; }
  .ed-content h2 { font-size: 32px; }
  .ed-rows { grid-template-columns: 1fr; gap: 20px; }
  .ed-home-copy .ed-button { width: 100%; }
  .ed-home-copy .ed-text-link { padding: 10px 0; }
  .ed-brief { padding: 22px 18px; }
  .ed-books, .ed-book-feature { grid-template-columns: 1fr; gap: 36px; }
  .ed-book-feature img { width: 185px; max-height: 245px; }
  .ed-book { display: flex; padding: 28px; }
  .ed-book img { width: 100%; height: 280px; margin-bottom: 28px; }
  .ed-book .ed-actions { margin-top: 14px; }
  .ed-library-search { grid-template-columns: 1fr; gap: 14px; }
  .ed-library-item { grid-template-columns: 1fr; gap: 8px; }
  .ed-library-item h2 { font-size: 27px; }
  .ed-library-item .ed-label { margin-bottom: 2px !important; }
  .ed-library-item .ed-library-meta { display: flex; gap: 12px; align-items: baseline; flex-wrap: wrap; }
  .ed-filters { gap: 12px 20px; }
  .ed-filter { font-size: 14px; }
  .ed-footer-grid { grid-template-columns: 1fr 1fr; font-size: 13px; }
  .ed-statement { font-size: 25px; }
  html[data-theme] .edition .longform, html[data-theme] .edition [data-article] { font-size: 17px; }
}
@media (max-width: 360px) {
  .ed-home-copy h1 { font-size: 38px; }
  .ed-header-tools a { display: none; }
  .ed-home-copy .ed-lead { font-size: 17px; }
  .ed-content h1 { font-size: 35px; }
  .ed-home-copy h1 span { font-size: 28px; }
}
@media (max-width: 540px) and (max-height: 700px) {
  .ed-home-copy { padding: 22px 0; }
  .ed-home-copy h1 { font-size: 36px; margin-bottom: 20px; }
  .ed-home-copy h1 span { font-size: 28px; margin-top: 8px; }
  .ed-home-copy .ed-lead { font-size: 16px; }
  .ed-home-copy .ed-actions { margin-top: 14px; gap: 10px; }
  .ed-home-copy .ed-actions .ed-text-link, .ed-home-note { display: none; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }
@media print {
  .ed-header, .ed-footer, .ed-backtop, .ed-reader-tools, .ed-mobile-toc, .ed-library-controls, .ed-nav-dialog, .ed-brief { display: none !important; }
  .ed-wrap { width: 100%; }
  .ed-content h1 { font-size: 32px; }
  .ed-home-photo { display: none; }
  .ed-home-hero, .ed-home-copy h1, .ed-home-copy .ed-lead { color: #000; background: #fff; }
}