.esl-home-hero {
  display: grid;
  gap: 2.4rem;
  padding-block: clamp(1.8rem, 8vw, 4.8rem) clamp(4.5rem, 12vw, 8rem);
  border-bottom: 1px solid var(--esl-rule);
}
.esl-home-hero__art { position: relative; min-height: 22rem; display: grid; place-items: center; }
.esl-home-hero__art figure { width: min(56vw, 13rem); margin: 0; transform: rotate(-1.5deg); }
.esl-home-hero__cover { position: relative; z-index: 2; width: 100%; box-shadow: var(--esl-shadow-cover); }
.esl-home-hero__number { position: absolute; right: 0; bottom: 0; color: var(--esl-rule); font: 500 clamp(7rem, 35vw, 12rem)/.72 var(--esl-serif); letter-spacing: -.09em; }
.esl-home-hero__copy { display: flex; flex-direction: column; align-items: start; justify-content: center; }
.esl-home-hero__copy h1 { max-width: 13ch; margin: .7rem 0 1.15rem; font-size: clamp(2.45rem, 11vw, 4.2rem); }
.esl-hero-book { display: flex; flex-wrap: wrap; gap: .25rem .75rem; font-size: .92rem; }
.esl-hero-book span { color: var(--esl-muted); }
.esl-hero-deck { max-width: 34rem; margin: 1.35rem 0 1.8rem; color: var(--esl-ink-soft); font-family: var(--esl-serif); font-size: clamp(1.1rem, 4vw, 1.28rem); }

.esl-genre-grid { display: grid; border-top: 1px solid var(--esl-rule-strong); }
.esl-genre-link { display: grid; grid-template-columns: 2.2rem 1fr auto; gap: .6rem; align-items: center; min-height: 8.5rem; border-bottom: 1px solid var(--esl-rule); color: inherit; text-decoration: none; }
.esl-genre-link > span { align-self: start; padding-top: 1.55rem; color: var(--esl-accent-dark); font-size: .65rem; font-weight: 750; }
.esl-genre-link strong { font: 520 clamp(1.65rem, 7vw, 2.8rem)/1 var(--esl-serif); }
.esl-genre-link small { display: none; max-width: 18rem; color: var(--esl-muted); }
.esl-genre-link::after { content: '\2192'; font-size: 1.4rem; }

.esl-author-speaks { overflow: clip; background: var(--esl-paper-deep); }
.esl-author-speaks__grid { display: grid; gap: 2.5rem; }
.esl-author-speaks__portrait { position: relative; width: calc(100% + 2 * var(--esl-gutter)); margin-left: calc(-1 * var(--esl-gutter)); }
.esl-author-speaks__portrait img { width: 100%; max-height: 38rem; object-fit: cover; object-position: 50% 24%; }
.esl-author-speaks__portrait figcaption { padding: .7rem var(--esl-gutter) 0; color: var(--esl-muted); font-size: .68rem; }
.esl-author-speaks__portrait figcaption a { color: inherit; }
.esl-author-speaks__copy { padding-bottom: 1rem; }
.esl-author-speaks h2 { max-width: 13ch; margin: .7rem 0 1.35rem; }
.esl-author-speaks__copy > p:last-of-type { max-width: 33rem; color: var(--esl-ink-soft); font-family: var(--esl-serif); font-size: 1.18rem; }
.esl-author-speaks .esl-text-link { margin-top: 2rem; }

.esl-route-card { display: grid; border-top: 1px solid var(--esl-ink); border-bottom: 1px solid var(--esl-ink); }
.esl-route-card > div:first-child { display: flex; flex-direction: column; align-items: start; justify-content: center; padding-block: 2.8rem; }
.esl-route-card h2 { max-width: 14ch; margin: .6rem 0 1rem; }
.esl-route-card p:not(.esl-kicker) { max-width: 36rem; color: var(--esl-ink-soft); }
.esl-route-card .esl-button { margin-top: 1.7rem; }
.esl-route-card__marks { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--esl-rule); }
.esl-route-card__marks span { display: grid; min-height: 4.5rem; place-items: center; border-right: 1px solid var(--esl-rule); color: var(--esl-muted); font: 500 1.2rem/1 var(--esl-serif); }
.esl-route-card__marks span:last-child { border-right: 0; }

.esl-book-page { --book-mark: var(--esl-accent-dark); }
.esl-book-page--sharp { --book-mark: #8c231c; }
.esl-book-page--kinetic { --book-mark: var(--esl-cobalt); }
.esl-book-hero { padding-block: .8rem clamp(3.5rem, 12vw, 7rem); border-bottom: 1px solid var(--esl-rule); }
.esl-book-hero__grid { display: grid; grid-template-areas: 'intro' 'visual' 'story'; gap: 2rem; }
.esl-book-hero__intro { grid-area: intro; padding-top: .7rem; }
.esl-book-hero__intro h1 { max-width: 10ch; margin: .65rem 0 .9rem; font-size: clamp(3rem, 15vw, 5rem); overflow-wrap: anywhere; }
.esl-book-byline { font-size: .92rem; font-weight: 700; }
.esl-book-hero__visual { grid-area: visual; position: relative; display: grid; min-height: 24rem; place-items: center; margin-block: .5rem; }
.esl-book-hero__visual::after { content: ''; position: absolute; z-index: -1; width: 55%; height: 1px; bottom: 6%; background: var(--esl-rule-strong); transform: rotate(-4deg); }
.esl-book-page--sharp .esl-book-hero__visual::after { width: 72%; transform: rotate(3deg); background: var(--book-mark); }
.esl-book-page--kinetic .esl-book-hero__visual::after { width: 76%; box-shadow: 0 .45rem 0 var(--esl-rule); transform: rotate(-7deg); background: var(--book-mark); }
.esl-book-hero__cover { width: min(65vw, 15rem); box-shadow: var(--esl-shadow-cover); transform: rotate(-1deg); }
.esl-book-page--sharp .esl-book-hero__cover { transform: rotate(.6deg); }
.esl-book-page--kinetic .esl-book-hero__cover { transform: rotate(1.4deg); }
.esl-book-hero__story { grid-area: story; max-width: 38rem; }
.esl-book-hero__story h2 { max-width: 15ch; margin: 0 0 1rem; font-size: clamp(2rem, 8vw, 3.35rem); }
.esl-book-deck { color: var(--esl-ink-soft); font-family: var(--esl-serif); font-size: clamp(1.12rem, 4vw, 1.3rem); }
.esl-book-content { padding-bottom: var(--esl-space-10); }
.esl-book-content > * { margin-top: clamp(4rem, 14vw, 8rem); }
.esl-copy-section { position: relative; margin-inline: auto; }
.esl-copy-section h2 { margin-bottom: 1.25rem; }
.esl-section-number { margin-bottom: .8rem; color: var(--book-mark); font-size: .65rem; font-weight: 760; letter-spacing: .12em; }
.esl-author-voice { padding-left: 1.25rem; border-left: 2px solid var(--book-mark); }
.esl-content-note { max-width: 50rem; padding: 1.5rem 0; border-top: 1px solid var(--esl-rule-strong); border-bottom: 1px solid var(--esl-rule-strong); color: var(--esl-ink-soft); }
.esl-content-note strong { display: block; margin-bottom: .6rem; color: var(--esl-ink); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
.esl-book-reference-grid { display: grid; gap: 4rem; }

.esl-author-page, .esl-article-page, .esl-archive-page, .esl-search-page, .esl-not-found { padding-bottom: var(--esl-space-10); }
.esl-radar-header { max-width: 65rem; padding-block: 3rem 2rem; }
.esl-radar-header h1 { max-width: 17ch; margin: .7rem 0 1.35rem; }
.esl-radar-header__standfirst { max-width: 46rem; font: clamp(1.25rem, 3vw, 1.65rem)/1.45 var(--esl-serif); }
.esl-radar-hero { max-width: 75rem; margin: 0 auto 3rem; }
.esl-radar-hero img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.esl-radar-hero figcaption { padding-top: .6rem; color: var(--esl-muted); font-size: .68rem; }
.esl-radar-toc-wrap { max-width: 45rem; margin: 2rem auto 3rem; padding: 1.1rem 1.25rem; border-block: 1px solid var(--esl-rule-strong); }
.esl-radar-toc { margin: 0; }
.esl-radar-toc ol { display: grid; gap: .45rem; margin: .75rem 0 0; padding-left: 1.2rem; }
.esl-radar-toc a { color: inherit; font-size: .94rem; line-height: 1.34; text-decoration: none; text-wrap: balance; }
.esl-radar-toc a:hover, .esl-radar-toc a:focus-visible { text-decoration: underline; text-decoration-color: var(--esl-accent); text-decoration-thickness: 1px; text-underline-offset: .22em; }
.esl-radar-toc__level-3 { margin-left: 1rem; font-size: .92em; }
.esl-radar-body { max-width: 45rem; }
.esl-radar-body > p { max-width: 42rem; font-size: clamp(1.06rem, 4.2vw, 1.2rem); line-height: 1.62; text-wrap: pretty; }
.esl-radar-body > .esl-radar-source-link { margin-top: -.2rem; color: var(--esl-muted); font-family: var(--esl-sans); font-size: .72rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.esl-radar-source-link a { color: inherit; text-decoration-color: var(--esl-rule-strong); text-underline-offset: .25em; }
.esl-radar-body h2, .esl-radar-body h3 { max-width: 25ch; padding-top: 1.25rem; margin-top: 3.3rem; border-top: 1px solid var(--esl-rule); font-size: clamp(1.7rem, 7vw, 2.8rem); line-height: 1.05; text-wrap: balance; scroll-margin-top: clamp(5.5rem, 12vw, 8rem); }
.esl-radar-related { max-width: 65rem; padding-block: 4rem; margin: 5rem auto 0; border-top: 2px solid var(--esl-ink); }
.esl-radar-related h2 { max-width: 18ch; }
.esl-radar-related__grid { display: grid; gap: 1.2rem; margin-top: 2rem; }
.esl-radar-related__grid article { padding-top: 1rem; border-top: 1px solid var(--esl-rule); }
.esl-radar-related__grid h3 { margin: .4rem 0; }
.esl-radar-related__grid h3 a { color: inherit; }
.esl-decision-loop { display: grid; gap: 2rem; max-width: 76rem; padding-block: clamp(3rem, 8vw, 6rem); margin-top: clamp(3rem, 8vw, 6rem); border-top: 2px solid var(--esl-ink); }
.esl-decision-loop__header h2 { max-width: 15ch; margin: .45rem 0 0; font-size: clamp(2.15rem, 7vw, 4rem); line-height: .98; }
.esl-decision-loop__connections { display: grid; gap: 1.25rem; }
.esl-decision-loop__connection { min-width: 0; padding-top: 1rem; border-top: 1px solid var(--esl-rule-strong); }
.esl-decision-loop__connection h3 { margin: .45rem 0 .6rem; font-size: clamp(1.35rem, 4vw, 2rem); line-height: 1.05; }
.esl-decision-loop__connection h3 a { color: inherit; text-decoration: none; }
.esl-decision-loop__connection > p:not(.esl-kicker) { max-width: 42rem; margin: 0 0 .9rem; color: var(--esl-muted); }
.esl-decision-loop__fallback { padding-top: .35rem; }
@media (min-width: 62rem) { .esl-decision-loop { grid-template-columns: minmax(13rem, .7fr) minmax(0, 1.3fr); column-gap: clamp(3rem, 8vw, 8rem); } .esl-decision-loop__connections { grid-column: 2; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); align-items: start; } .esl-decision-loop__fallback { grid-column: 2; } }
.esl-radar-prev-next { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; max-width: 65rem; padding-top: 1rem; margin: 1rem auto 0; border-top: 1px solid var(--esl-rule-strong); }
.esl-radar-prev-next a { display: grid; gap: .35rem; color: inherit; text-decoration: none; }
.esl-radar-prev-next a:last-child { text-align: right; }
.esl-radar-prev-next span { color: var(--esl-muted); font-size: .65rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.esl-radar-archive__header { max-width: 50rem; padding-block: 4rem 3rem; }
.esl-radar-archive__header h1 { max-width: 13ch; margin: .5rem 0 1rem; }
.esl-radar-archive__header > p:last-child { max-width: 38rem; font: 1.25rem/1.5 var(--esl-serif); }
.esl-radar-archive__list { border-top: 2px solid var(--esl-ink); }
.esl-radar-archive__item { padding-block: 1.5rem 2rem; border-bottom: 1px solid var(--esl-rule-strong); }
.esl-radar-archive__item h2 { max-width: 25ch; margin: .45rem 0 .7rem; font-size: clamp(1.8rem, 5vw, 3.2rem); }
.esl-radar-archive__item h2 a { color: inherit; text-decoration: none; }
.esl-radar-archive__item > p:not(.esl-kicker) { max-width: 42rem; }
@media (min-width: 48rem) { .esl-radar-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .esl-radar-archive__item { display: grid; grid-template-columns: 12rem minmax(0, 1fr) 12rem; column-gap: 2rem; align-items: start; } .esl-radar-archive__item .esl-kicker { grid-column: 1; } .esl-radar-archive__item h2, .esl-radar-archive__item > p:not(.esl-kicker), .esl-radar-archive__item .esl-text-link { grid-column: 2; } .esl-radar-archive__item .esl-text-link { grid-column: 3; grid-row: 2; align-self: end; } }
@media (max-width: 47.99rem) { .esl-radar-header { padding-block: 2rem 1.5rem; } .esl-radar-header h1 { max-width: none; margin-bottom: 1rem; font-size: clamp(2.1rem, 9.2vw, 3.1rem); line-height: .99; } .esl-radar-header__standfirst { font-size: clamp(1.12rem, 5vw, 1.32rem); line-height: 1.42; } .esl-radar-toc-wrap { margin-block: 1.5rem 2.35rem; padding: 1rem 1.05rem; } .esl-radar-toc ol { gap: .55rem; padding-left: 1.05rem; } .esl-radar-body h2, .esl-radar-body h3 { margin-top: 2.65rem; } }

.esl-radar-hub__header { max-width: 54rem; padding-block: 3.5rem 2.5rem; }
.esl-radar-hub__header h1 { max-width: 14ch; margin: .55rem 0 1rem; font-size: clamp(2.7rem, 8vw, 5.8rem); line-height: .96; }
.esl-radar-hub__header > p:last-child { max-width: 42rem; font: clamp(1.2rem, 2.5vw, 1.55rem)/1.45 var(--esl-serif); }
.esl-radar-hub__lead { margin-bottom: clamp(2.5rem, 6vw, 5rem); }
.esl-radar-card { min-width: 0; }
.esl-radar-card__image { display: block; overflow: hidden; background: var(--esl-surface); }
.esl-radar-card__image img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition: transform 180ms ease; }
.esl-radar-card__image:hover img, .esl-radar-card__image:focus-visible img { transform: scale(1.02); }
.esl-radar-card__body { padding-top: 1rem; }
.esl-radar-card h2 { max-width: 24ch; margin: .45rem 0 .75rem; font-size: clamp(1.55rem, 3vw, 2.4rem); line-height: 1.02; }
.esl-radar-card h2 a { color: inherit; text-decoration: none; }
.esl-radar-card h2 a:hover, .esl-radar-card h2 a:focus-visible { text-decoration: underline; text-underline-offset: .12em; }
.esl-radar-card__excerpt { max-width: 38rem; }
.esl-radar-card__meta { display: flex; flex-wrap: wrap; gap: .8rem 1.1rem; margin-top: 1rem; color: var(--esl-muted); font: 650 .72rem/1.3 var(--esl-sans); }
.esl-radar-card__meta span + span { padding-left: 1.1rem; border-left: 1px solid var(--esl-rule-strong); }
.esl-radar-card--lead { display: grid; gap: 1.35rem; padding-bottom: 2.25rem; border-bottom: 2px solid var(--esl-ink); }
.esl-radar-card--lead h2 { max-width: 18ch; font-size: clamp(2.3rem, 6vw, 5.2rem); }
.esl-radar-hub__grid { display: grid; gap: 2.5rem 1.5rem; padding-bottom: 1rem; }
.esl-home-radar { padding-block: clamp(2.5rem, 6vw, 5rem); }
.esl-home-radar__intro { max-width: 36rem; font: 1.2rem/1.45 var(--esl-serif); }
.esl-home-radar__grid { display: grid; gap: 2rem 1.25rem; margin-top: 2rem; }
.esl-home-radar .esl-radar-card__image img { aspect-ratio: 16 / 10; }
@media (min-width: 48rem) { .esl-radar-card--lead { grid-template-columns: minmax(0, 1.35fr) minmax(18rem, .65fr); align-items: end; } .esl-radar-hub__grid, .esl-home-radar__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .esl-home-radar__grid .esl-radar-card h2 { font-size: clamp(1.45rem, 2.3vw, 2.15rem); } }
.esl-author-hero { display: grid; gap: 2.2rem; padding-block: .8rem 4rem; border-bottom: 1px solid var(--esl-rule); }
.esl-author-hero__visual { width: calc(100% + 2 * var(--esl-gutter)); margin-left: calc(-1 * var(--esl-gutter)); }
.esl-author-portrait { width: 100%; max-height: 38rem; object-fit: cover; object-position: 50% 25%; }
.esl-author-hero__visual .esl-media-credit { padding-inline: var(--esl-gutter); }
.esl-author-hero__copy h1 { max-width: 10ch; margin: .65rem 0 1.1rem; font-size: clamp(3.2rem, 15vw, 5.3rem); }
.esl-author-context { max-width: 35rem; margin: 1.25rem 0; font-family: var(--esl-serif); font-size: clamp(1.15rem, 4vw, 1.38rem); }
.esl-author-place { margin-bottom: 1rem; color: var(--esl-muted); }
.esl-author-bio { margin: 4rem auto; }

.esl-article-header { max-width: 65rem; padding-block: 3rem 4rem; }
.esl-article-header h1 { margin: .7rem 0 1.5rem; }
.esl-article-header > p:not(.esl-kicker) { max-width: 45rem; font-family: var(--esl-serif); font-size: 1.25rem; }
.esl-article-meta { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem; color: var(--esl-muted); font-size: .7rem; text-transform: uppercase; }
.esl-article-body { margin-inline: auto; }
.esl-archive-hero, .esl-search-hero { max-width: 58rem; padding-block: clamp(3rem, 10vw, 6.5rem); }
.esl-archive-hero h1, .esl-search-hero h1 { max-width: 11ch; margin: .6rem 0 1.2rem; font-size: clamp(3rem, 13vw, 5.5rem); }
.esl-archive-hero > p:not(.esl-kicker), .esl-search-hero > p:not(.esl-kicker) { max-width: 40rem; color: var(--esl-ink-soft); font-family: var(--esl-serif); font-size: 1.2rem; }
.esl-archive-hero .esl-button { margin-top: 2rem; }
.esl-archive-grid { padding-bottom: 4rem; }

.esl-discovery-form { border-top: 1px solid var(--esl-ink); border-bottom: 1px solid var(--esl-ink); }
.esl-discovery-form__query { display: grid; grid-template-columns: 1fr auto; gap: .6rem; padding-block: 1.25rem; }
.esl-discovery-form__query input { min-width: 0; height: 3.6rem; padding-inline: 1rem; border-color: var(--esl-rule-strong); background: transparent; font-family: var(--esl-serif); font-size: 1.15rem; }
.esl-filter-toggle { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 1rem 0; border: 0; border-top: 1px solid var(--esl-rule); background: transparent; font-weight: 750; }
.esl-filter-panel { display: none; padding-bottom: 1.25rem; }
.esl-filter-panel.is-open { display: grid; gap: 1rem; }
.esl-filter-panel label { display: block; margin-bottom: .4rem; color: var(--esl-muted); font-size: .66rem; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; }
.esl-filter-panel select { width: 100%; }
.esl-discovery-form__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; padding-top: .5rem; }
.esl-active-filters { display: flex; flex-wrap: wrap; gap: .5rem; padding-top: 1rem; }
.esl-active-filters span { padding: .45rem .7rem; border: 1px solid var(--esl-rule); border-radius: 999px; color: var(--esl-muted); font-size: .68rem; }
.esl-search-results { padding-top: clamp(4rem, 12vw, 7rem); }
.esl-not-found { padding-top: clamp(4rem, 10vw, 8rem); }
.esl-not-found h1 { max-width: 12ch; margin: .5rem 0 1rem; }
.esl-not-found > p:not(.esl-kicker) { max-width: 40rem; margin-bottom: 2rem; }
.esl-not-found .esl-search-form { max-width: 42rem; margin-bottom: 5rem; }

@media (min-width: 48rem) {
  .esl-home-hero { grid-template-columns: minmax(15rem, .75fr) minmax(0, 1.25fr); gap: clamp(3rem, 7vw, 7rem); min-height: 39rem; }
  .esl-home-hero__art { min-height: 34rem; }
  .esl-home-hero__art figure { width: min(28vw, 17rem); }
  .esl-home-hero__copy h1 { max-width: 14ch; font-size: clamp(3.35rem, 5vw, 4.8rem); }
  .esl-genre-link { grid-template-columns: 3.5rem minmax(14rem, .75fr) 1fr auto; min-height: 10rem; }
  .esl-genre-link small { display: block; }
  .esl-author-speaks__grid { grid-template-columns: minmax(20rem, 1.1fr) minmax(18rem, .9fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
  .esl-author-speaks__portrait { width: 100%; margin: 0; }
  .esl-author-speaks__portrait img { min-height: 42rem; }
  .esl-author-speaks__portrait figcaption { padding-inline: 0; }
  .esl-route-card { grid-template-columns: 1.35fr .65fr; min-height: 24rem; }
  .esl-route-card > div:first-child { padding: 3rem; }
  .esl-route-card__marks { grid-template-columns: 1fr; border-top: 0; border-left: 1px solid var(--esl-rule); }
  .esl-route-card__marks span { border-right: 0; border-bottom: 1px solid var(--esl-rule); }
  .esl-book-hero__grid { grid-template-columns: minmax(16rem, .8fr) minmax(0, 1.2fr); grid-template-areas: 'visual intro' 'visual story'; column-gap: clamp(4rem, 8vw, 8rem); row-gap: 2rem; align-items: center; }
  .esl-book-hero__visual { min-height: 43rem; margin: 0; }
  .esl-book-hero__cover { width: min(28vw, 19rem); }
  .esl-book-hero__intro { align-self: end; }
  .esl-book-hero__intro h1 { font-size: clamp(4rem, 6vw, 5.6rem); }
  .esl-book-hero__story { align-self: start; }
  .esl-book-page--quiet .esl-book-hero__grid { grid-template-columns: minmax(0, 1.15fr) minmax(16rem, .85fr); grid-template-areas: 'intro visual' 'story visual'; }
  .esl-copy-section { max-width: 48rem; }
  .esl-section-number { position: absolute; right: calc(100% + 2.3rem); top: .45rem; }
  .esl-author-voice { padding-left: 2.5rem; }
  .esl-book-reference-grid { grid-template-columns: 1fr 1fr; gap: clamp(3rem, 6vw, 6rem); }
  .esl-author-hero { grid-template-columns: minmax(20rem, 1.05fr) minmax(0, .95fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; padding-block: 2rem 6rem; }
  .esl-author-hero__visual { width: 100%; margin: 0; }
  .esl-author-hero__visual .esl-media-credit { padding-inline: 0; }
  .esl-author-portrait { min-height: 43rem; }
  .esl-author-hero__copy h1 { font-size: clamp(4rem, 6vw, 5.6rem); }
  .esl-discovery-form { padding-block: 1.5rem; }
  .esl-discovery-form__query { grid-template-columns: 1fr auto; padding-block: 0 1.5rem; }
  .esl-discovery-form__query input { height: 4.4rem; font-size: 1.35rem; }
  .esl-filter-toggle { display: none; }
  .esl-filter-panel { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; padding: 1.5rem 0 0; border-top: 1px solid var(--esl-rule); }
  .esl-discovery-form__actions { grid-column: 1 / -1; }
}

@media (min-width: 80rem) {
  .esl-home-hero { grid-template-columns: minmax(20rem, .82fr) minmax(0, 1.18fr); }
  .esl-home-hero__copy { padding-right: 8vw; }
  .esl-author-speaks__grid { grid-template-columns: 1.2fr .8fr; }
}

@media (max-width: 22rem) {
  .esl-home-hero__copy h1, .esl-book-hero__intro h1, .esl-author-hero__copy h1 { font-size: 2.45rem; }
  .esl-home-hero__art { min-height: 19rem; }
  .esl-discovery-form__query { grid-template-columns: 1fr; }
}

/* Mission 6A3: final prelaunch discovery, lists and institutional system. */
.esl-search-tool { align-items: start; }
.esl-search-tool,
.esl-search-tool .esl-filter-panel { overflow-anchor: none; }
.esl-search-tool .esl-discovery-form { align-self: end; }
.esl-filter-toggle { width: 100%; min-height: 2.75rem; justify-content: space-between; }
.esl-filter-toggle [data-filter-icon] { display: inline-grid; width: 1.5rem; place-items: center; transform: none !important; }
.esl-filter-panel,
.esl-filter-panel--below { display: grid; visibility: hidden; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; max-height: 0; overflow: clip; padding: 0 1rem; margin: 0; border: 0 solid transparent; opacity: 0; pointer-events: none; transition: max-height 280ms var(--esl-ease), opacity 180ms ease, padding 280ms var(--esl-ease), visibility 0s linear 280ms; }
.esl-filter-panel.is-open,
.esl-filter-panel--below.is-open { visibility: visible; display: grid; max-height: 35rem; padding: .45rem 1rem 1.2rem; margin: 0; border: 1px solid var(--esl-rule); border-top: 2px solid var(--esl-accent); background: var(--esl-surface); opacity: 1; box-shadow: 0 20px 45px rgb(24 20 16 / 8%); pointer-events: auto; transition-delay: 0s; }
.esl-filter-panel > div:not(.esl-discovery-form__actions) { padding: 1rem .65rem; border-bottom: 1px solid var(--esl-rule); }
.esl-filter-panel > div:nth-child(odd):not(.esl-discovery-form__actions) { border-right: 1px solid var(--esl-rule); }
.esl-filter-panel .esl-discovery-form__actions { grid-column: 1 / -1; }
.esl-search-moods__grid a { position: relative; padding-inline: .45rem; transition: color 180ms ease, background-color 180ms ease; }
.esl-search-moods__grid a::after { content: ''; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--esl-accent); transform: scaleX(0); transform-origin: left; transition: transform 200ms var(--esl-ease); }
.esl-search-moods__grid a:hover::after,
.esl-search-moods__grid a:focus-visible::after,
.esl-search-moods__grid a[aria-current="true"]::after { transform: scaleX(1); }
.esl-search-moods__grid a:hover,
.esl-search-moods__grid a:focus-visible,
.esl-search-moods__grid a[aria-current="true"] { padding-inline: .45rem; }
.esl-search-moods__grid i { display: inline-grid; width: 1.25rem; place-items: center; }
.esl-search-results { opacity: 1; transition: opacity 140ms ease; }
.esl-search-results.is-updating { opacity: .46; }

.esl-lists-purpose { display: grid; gap: 1.2rem; padding-block: clamp(2.2rem, 7vw, 4.2rem); border-block: 1px solid var(--esl-ink); }
.esl-lists-purpose__number { color: var(--esl-accent-dark); font: 760 .7rem/1 var(--esl-sans); letter-spacing: .14em; }
.esl-lists-purpose h2 { max-width: 13ch; margin-top: .45rem; font-size: clamp(2rem, 8.5vw, 4rem); }
.esl-lists-purpose > p:last-child { max-width: 38rem; color: var(--esl-muted); font-family: var(--esl-serif); font-size: clamp(1.08rem, 4.6vw, 1.35rem); line-height: 1.6; }
.esl-list-feature { display: grid; gap: clamp(2.2rem, 7vw, 5rem); padding-block: clamp(4rem, 12vw, 8rem); border-bottom: 1px solid var(--esl-rule-strong); }
.esl-list-feature__covers { position: relative; min-height: clamp(19rem, 94vw, 31rem); }
.esl-list-feature__covers a { position: absolute; display: block; width: min(47%, 13.5rem); aspect-ratio: 2 / 3; }
.esl-list-feature__covers a:nth-child(1) { z-index: 3; top: 0; left: 2%; transform: rotate(-4deg); }
.esl-list-feature__covers a:nth-child(2) { z-index: 2; top: 9%; left: 29%; transform: rotate(2deg); }
.esl-list-feature__covers a:nth-child(3) { z-index: 1; top: 18%; right: 1%; transform: rotate(6deg); }
.esl-list-feature__covers img { width: 100%; height: 100%; border: 1px solid rgb(24 20 16 / 12%); object-fit: cover; box-shadow: 0 24px 55px rgb(24 20 16 / 18%); }
.esl-list-feature__copy { align-self: center; }
.esl-list-feature h2 { max-width: 14ch; margin: .55rem 0 1rem; font-size: clamp(2.45rem, 10vw, 5.4rem); }
.esl-list-feature h2 a,
.esl-list-story h3 a { color: inherit; text-decoration: none; }
.esl-list-feature__deck { max-width: 34rem; font: 520 clamp(1.18rem, 4.6vw, 1.5rem)/1.45 var(--esl-serif); }
.esl-list-feature__copy > p:not(.esl-kicker, .esl-list-feature__deck) { max-width: 37rem; margin-top: 1.2rem; color: var(--esl-muted); }
.esl-list-feature__meta,
.esl-list-story__meta { display: flex; flex-wrap: wrap; gap: .55rem 1.2rem; margin-top: 1.45rem; color: var(--esl-muted); font-size: .7rem; font-weight: 720; letter-spacing: .06em; text-transform: uppercase; }
.esl-list-feature .esl-text-link,
.esl-list-story .esl-text-link { margin-top: 1.6rem; }
.esl-lists-edition { padding-top: clamp(4rem, 12vw, 8rem); }
.esl-lists-edition > header { max-width: 47rem; }
.esl-lists-edition > header h2 { margin: .45rem 0 1rem; font-size: clamp(2.4rem, 9vw, 4.6rem); }
.esl-lists-edition > header > p:last-child { color: var(--esl-muted); font-family: var(--esl-serif); font-size: 1.18rem; }
.esl-lists-sequence { margin-top: clamp(3rem, 9vw, 6rem); border-top: 1px solid var(--esl-rule-strong); }
.esl-list-story { display: grid; gap: 2rem; padding-block: clamp(3rem, 9vw, 5rem); border-bottom: 1px solid var(--esl-rule-strong); }
.esl-list-story__covers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: end; gap: .7rem; max-width: 24rem; }
.esl-list-story__covers img { width: 100%; aspect-ratio: 2 / 3; object-fit: cover; box-shadow: 0 16px 36px rgb(24 20 16 / 14%); }
.esl-list-story__covers img:nth-child(2) { transform: translateY(1.2rem); }
.esl-list-story__number { display: block; margin-bottom: 1.5rem; color: var(--esl-accent-dark); font-size: .7rem; font-weight: 760; letter-spacing: .14em; }
.esl-list-story h3 { max-width: 16ch; margin: .45rem 0 1rem; font-size: clamp(2rem, 8vw, 4.1rem); }
.esl-list-story__copy > p:not(.esl-kicker) { max-width: 34rem; color: var(--esl-muted); font-family: var(--esl-serif); font-size: 1.1rem; line-height: 1.55; }
.esl-lists-closing { display: grid; gap: 1rem; max-width: 58rem; padding: clamp(2.2rem, 7vw, 4rem); margin-block: clamp(4rem, 11vw, 7rem) 0; border: 1px solid var(--esl-rule-strong); border-left: 3px solid var(--esl-accent); background: var(--esl-surface); }
.esl-lists-closing > p:last-child { max-width: 40rem; font: 520 clamp(1.3rem, 5vw, 2rem)/1.35 var(--esl-serif); }

.esl-recorrido-page { overflow: clip; }
.esl-recorrido-header { max-width: 66rem; padding-block: clamp(2.5rem, 8vw, 6.5rem); border-bottom: 1px solid var(--esl-rule-strong); }
.esl-recorrido-header h1 { max-width: 18ch; margin-top: .55rem; font-size: clamp(3rem, 11vw, 7rem); line-height: .94; letter-spacing: -.04em; text-wrap: balance; }
.esl-recorrido-header__deck { max-width: 46rem; margin-top: 1.35rem; font: 520 clamp(1.2rem, 4vw, 1.65rem)/1.45 var(--esl-serif); }
.esl-recorrido-header .esl-article-meta { margin-top: 1.6rem; }
.esl-recorrido-opening { display: grid; gap: 1.6rem; padding-block: clamp(3rem, 9vw, 6rem); border-bottom: 1px solid var(--esl-rule-strong); }
.esl-recorrido-opening h2 { max-width: 12ch; margin-top: .45rem; font-size: clamp(2.2rem, 8vw, 4.4rem); }
.esl-recorrido-opening .esl-prose { align-self: end; margin: 0; font-size: clamp(1.08rem, 3.4vw, 1.3rem); }
.esl-recorrido-map { padding-block: clamp(4rem, 11vw, 8rem); }
.esl-recorrido-map__header { max-width: 64rem; }
.esl-recorrido-map__header h2 { max-width: 14ch; margin: .5rem 0 1rem; font-size: clamp(2.65rem, 9vw, 5.4rem); line-height: .98; }
.esl-recorrido-map__header > p:last-child { max-width: 42rem; color: var(--esl-muted); font-size: 1rem; }
.esl-recorrido-stages { position: relative; padding: 0; margin: clamp(3rem, 9vw, 6rem) 0 0; list-style: none; }
.esl-recorrido-stages::before { position: absolute; top: 1rem; bottom: 1rem; left: 1.25rem; width: 1px; background: var(--esl-rule-strong); content: ''; }
.esl-recorrido-stage { position: relative; display: grid; grid-template-columns: 2.5rem minmax(5.8rem, 8rem) minmax(0, 1fr); gap: 1rem; padding-block: 2.25rem; border-top: 1px solid var(--esl-rule); }
.esl-recorrido-stage:last-child { border-bottom: 1px solid var(--esl-rule); }
.esl-recorrido-stage__number { z-index: 1; display: grid; width: 2.5rem; height: 2.5rem; align-items: center; justify-content: center; border: 1px solid var(--esl-ink); border-radius: 50%; background: var(--esl-paper); color: var(--esl-accent-dark); font: 780 .68rem/1 var(--esl-sans); letter-spacing: .08em; }
.esl-recorrido-stage__cover { align-self: start; aspect-ratio: 2 / 3; color: inherit; text-decoration: none; }
.esl-recorrido-stage__cover img,
.esl-recorrido-stage__cover .esl-cover-fallback { width: 100%; height: 100%; object-fit: cover; box-shadow: 0 16px 36px rgb(24 20 16 / 14%); }
.esl-recorrido-stage__copy { min-width: 0; }
.esl-recorrido-stage__copy h3 { margin: .35rem 0 .3rem; font-size: clamp(1.65rem, 6vw, 3.45rem); line-height: 1.02; }
.esl-recorrido-stage__copy h3 a { color: inherit; text-decoration: none; }
.esl-recorrido-stage__author { color: var(--esl-muted); font-size: .85rem; }
.esl-recorrido-stage__reason-title { max-width: 30rem; margin-top: 1.25rem; font: 560 clamp(1.08rem, 3.8vw, 1.42rem)/1.35 var(--esl-serif); }
.esl-recorrido-stage__reason { max-width: 42rem; margin: .85rem 0 0; font-size: 1rem; }
.esl-recorrido-stage__reason > * + * { margin-top: .8rem; }
.esl-recorrido-stage .esl-text-link { margin-top: 1.2rem; }
.esl-recorrido-closing { padding: clamp(2rem, 7vw, 4rem); margin-bottom: clamp(4rem, 10vw, 7rem); border-left: 3px solid var(--esl-accent); background: var(--esl-surface); }
.esl-recorrido-closing .esl-prose { margin: 0; }
.esl-recorrido-closing h2:first-child { margin-top: 0; }

@media (max-width: 29.99rem) {
  .esl-recorrido-stage { grid-template-columns: 2.5rem minmax(0, 1fr); }
  .esl-recorrido-stage__number { grid-column: 1; grid-row: 1 / span 2; }
  .esl-recorrido-stage__cover { grid-column: 2; width: min(9rem, 58vw); }
  .esl-recorrido-stage__copy { grid-column: 2; }
}

.esl-institutional-page .esl-institutional-copy { max-width: 68rem; }
.esl-institutional-copy > .esl-institutional-lead { max-width: 40rem; font: 520 clamp(1.35rem, 5vw, 2.2rem)/1.35 var(--esl-serif); }
.esl-institutional-copy > .esl-institutional-lead + * { margin-top: clamp(3rem, 9vw, 6rem); }
.esl-institutional-section { display: grid; gap: 1.2rem; padding-block: clamp(2.4rem, 7vw, 4.5rem); border-top: 1px solid var(--esl-rule-strong); }
.esl-institutional-section h2 { max-width: 13ch; margin: 0; }
.esl-institutional-section__body { max-width: 42rem; }
.esl-institutional-section__body > * + * { margin-top: 1.15em; }
.esl-institutional-aside { max-width: 48rem; padding: 2rem; margin-block: 3rem; border-left: 3px solid var(--esl-accent); background: var(--esl-paper-deep); }
.esl-proposal-form { max-width: 68rem; }
.esl-form { display: grid; gap: 1.25rem; margin-top: 2rem; }
.esl-form-grid { display: grid; gap: 1.25rem; }
.esl-form label { display: grid; gap: .45rem; color: var(--esl-muted); font-size: .72rem; font-weight: 720; }
.esl-form label > span i { color: var(--esl-accent-dark); font-style: normal; }
.esl-form input,
.esl-form select,
.esl-form textarea { width: 100%; min-height: 2.9rem; border: 1px solid var(--esl-rule-strong); border-radius: 0; background: var(--esl-surface); color: var(--esl-ink); font: inherit; }
.esl-form input,
.esl-form select { padding: .75rem .85rem; }
.esl-form textarea { min-height: 10rem; padding: .85rem; resize: vertical; }
.esl-form input:focus,
.esl-form select:focus,
.esl-form textarea:focus { border-color: var(--esl-accent); outline: 2px solid color-mix(in srgb, var(--esl-accent) 28%, transparent); outline-offset: 2px; }
.esl-form-trap { position: absolute; overflow: hidden; width: 1px; height: 1px; clip-path: inset(50%); }
.esl-form-privacy { max-width: 48rem; padding: 1rem 1.2rem; border-left: 2px solid var(--esl-rule-strong); color: var(--esl-muted); font-size: .77rem; line-height: 1.55; }
.esl-form-notice { padding: 1rem 1.2rem; margin-top: 1.5rem; border-left: 3px solid var(--esl-accent); background: var(--esl-paper-deep); }
.esl-form-notice--success { border-left-color: #397353; }
.esl-legal-hero { padding-block: clamp(3.5rem, 10vw, 6rem); border-bottom: 1px solid var(--esl-rule); background: var(--esl-paper-deep); }
.esl-legal-hero h1 { max-width: 16ch; margin-top: .55rem; font-size: clamp(2.5rem, 10vw, 4.8rem); }
.esl-legal-layout { display: grid; gap: 3rem; padding-block: clamp(3rem, 8vw, 6rem); }
.esl-legal-copy { max-width: 46rem; color: var(--esl-ink-soft); }
.esl-legal-copy h2 { margin-top: 2.4em; font-size: clamp(1.65rem, 5vw, 2.3rem); }
.esl-legal-copy h3 { margin-top: 2em; font-size: 1.25rem; }
.esl-legal-copy > * + * { margin-top: 1em; }
.esl-legal-related { align-self: start; padding: 1.5rem; border-top: 2px solid var(--esl-accent); background: var(--esl-surface); }
.esl-legal-related > p { margin-bottom: .7rem; color: var(--esl-muted); font-size: .68rem; font-weight: 760; text-transform: uppercase; }
.esl-legal-related ul { padding: 0; margin: 0; list-style: none; }
.esl-legal-related a { display: flex; min-height: 2.75rem; align-items: center; border-top: 1px solid var(--esl-rule); text-decoration: none; }

@media (min-width: 48rem) {
  .esl-filter-panel,
  .esl-filter-panel--below { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .esl-filter-panel > div:nth-child(odd):not(.esl-discovery-form__actions) { border-right: 0; }
  .esl-filter-panel > div:not(.esl-discovery-form__actions) { border-right: 1px solid var(--esl-rule); }
  .esl-lists-purpose { grid-template-columns: 4rem minmax(14rem, .75fr) minmax(0, 1fr); align-items: start; }
  .esl-list-feature { grid-template-columns: minmax(20rem, .9fr) minmax(0, 1.1fr); align-items: center; }
  .esl-list-feature__covers { min-height: 31rem; }
  .esl-list-story { grid-template-columns: minmax(16rem, .8fr) minmax(0, 1.2fr); align-items: center; gap: clamp(3rem, 7vw, 7rem); }
  .esl-list-story--right .esl-list-story__covers { grid-column: 2; grid-row: 1; }
  .esl-list-story--right .esl-list-story__copy { grid-column: 1; grid-row: 1; }
  .esl-recorrido-opening { grid-template-columns: minmax(14rem, .65fr) minmax(0, 1.35fr); gap: clamp(3rem, 8vw, 8rem); }
  .esl-recorrido-map__header { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(18rem, .75fr); column-gap: clamp(3rem, 8vw, 8rem); align-items: end; }
  .esl-recorrido-map__header .esl-kicker { grid-column: 1 / -1; }
  .esl-recorrido-map__header h2 { grid-column: 1; }
  .esl-recorrido-map__header > p:last-child { grid-column: 2; margin-bottom: .7rem; }
  .esl-recorrido-stages::before { left: 2.5rem; }
  .esl-recorrido-stage { grid-template-columns: 5rem minmax(11rem, 15rem) minmax(0, 1fr); gap: clamp(2rem, 5vw, 5rem); padding-block: clamp(3rem, 7vw, 5.5rem); }
  .esl-recorrido-stage__number { width: 5rem; height: 5rem; font-size: .78rem; }
  .esl-recorrido-stage__copy { align-self: center; padding-right: clamp(0rem, 5vw, 5rem); }
  .esl-recorrido-stage:nth-child(even) .esl-recorrido-stage__cover { transform: translateY(1.25rem); }
  .esl-institutional-section { grid-template-columns: minmax(13rem, .65fr) minmax(0, 1.35fr); gap: clamp(3rem, 7vw, 7rem); }
  .esl-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .esl-legal-layout { grid-template-columns: minmax(0, 1fr) minmax(13rem, 18rem); gap: clamp(4rem, 8vw, 8rem); }
}

@media (min-width: 64rem) {
  .esl-search-tool .esl-filter-panel { grid-column: 1 / -1; }
  .esl-search-tool .esl-filter-panel.is-open { max-height: 18rem; }
}

@media (max-width: 22rem) {
  .esl-filter-panel,
  .esl-filter-panel.is-open { grid-template-columns: 1fr; }
  .esl-filter-panel > div:not(.esl-discovery-form__actions) { border-right: 0 !important; }
  .esl-list-feature__covers { min-height: 17rem; }
  .esl-list-story__covers { max-width: 17rem; }
}

@media (prefers-reduced-motion: reduce) {
  .esl-filter-panel,
  .esl-filter-panel--below,
  .esl-search-results,
  .esl-search-moods__grid a::after { transition: none; }
}
.esl-form input,
.esl-form select,
.esl-form textarea,
.esl-form .esl-button { min-height: 44px; }

/* PRE-M7 + M9: home rail, inline book discovery and institutional depth. */
.esl-home-rail__viewport { scrollbar-width: none; -ms-overflow-style: none; }
.esl-home-rail__viewport::-webkit-scrollbar { display: none; }
.esl-home-rail__track { transition: opacity 150ms ease; }
.esl-home-rail.is-wrapping .esl-home-rail__track { opacity: .64; }
.esl-books-filter-trigger { margin-top: 1.75rem; }
.esl-books-filter-panel { margin-bottom: clamp(2rem, 5vw, 4rem); }
.esl-books-filter-panel .esl-books-filter-form { display: contents; }
.esl-books-results { padding-top: clamp(2.5rem, 7vw, 5rem); }
.esl-books-discovery[aria-busy="true"] .esl-books-results { opacity: .46; }
.esl-author-bio { max-width: 47rem; }
.esl-author-bio p { text-wrap: pretty; }
.esl-author-start { max-width: 47rem; margin: -1rem auto 4rem; padding-top: 1.25rem; border-top: 1px solid var(--esl-rule); }
.esl-author-start__copy { max-width: 36rem; margin-top: .55rem; color: var(--esl-ink-soft); font-family: var(--esl-serif); font-size: clamp(1.05rem, 3vw, 1.25rem); }
.esl-author-start__copy > :last-child { margin-bottom: 0; }
.esl-author-books .esl-book-shelf--single { grid-template-columns: minmax(0, min(18rem, 100%)); }
.esl-author-books .esl-book-shelf--single .esl-book-card { width: 100%; }
.esl-institutional-hero > .esl-container > div:first-child > p:last-child:not(.esl-kicker) { max-width: 42rem; margin-top: 1.3rem; color: var(--esl-muted); font: 1.15rem/1.6 var(--esl-sans); }
.esl-institutional-copy > section { margin-top: clamp(3.5rem, 10vw, 7rem); }
.esl-institutional-copy > section:first-child { margin-top: 0; }
.esl-institutional-copy > section > h2 { max-width: 15ch; }
.esl-institutional-copy > section > p { max-width: 47rem; }
.esl-institutional-copy > section > p + p { margin-top: 1.2em; }
.esl-manifesto-statement { padding: clamp(2rem, 7vw, 4rem); border-block: 1px solid var(--esl-ink); background: var(--esl-paper-deep); }
.esl-manifesto-statement p { max-width: 24ch !important; font: 520 clamp(1.55rem, 5vw, 2.7rem)/1.25 var(--esl-serif); }
.esl-editorial-pairs { display: grid; gap: 1px; background: var(--esl-rule-strong); }
.esl-editorial-pairs > div { padding: clamp(1.5rem, 5vw, 2.8rem); background: var(--esl-paper); }
.esl-editorial-pairs h3 { margin-bottom: .7rem; font-size: clamp(1.45rem, 4vw, 2.05rem); }
.esl-commercial-band { padding: clamp(2rem, 7vw, 4rem); color: var(--esl-paper); background: var(--esl-ink); }
.esl-commercial-band h2, .esl-commercial-band h3 { color: inherit; }
.esl-commercial-band p { color: rgb(248 245 239 / 78%); }
.esl-service-ledger { border-top: 1px solid var(--esl-rule-strong); }
.esl-service-ledger > div { display: grid; gap: .5rem; padding-block: 1.4rem; border-bottom: 1px solid var(--esl-rule-strong); }
.esl-service-ledger h3 { margin: 0; font-size: clamp(1.35rem, 4vw, 2rem); }
.esl-service-ledger p { margin: 0; }
.esl-institutional-hero__grid { display: grid; gap: clamp(2.5rem, 8vw, 6rem); align-items: center; }
.esl-commercial-collage { position: relative; min-height: clamp(20rem, 78vw, 31rem); overflow: clip; isolation: isolate; }
.esl-commercial-collage__item { position: absolute; width: min(37%, 12rem); margin: 0; }
.esl-commercial-collage__item img { display: block; width: 100%; height: auto; box-shadow: 0 22px 50px rgb(24 20 16 / 22%); }
.esl-commercial-collage__item--1 { z-index: 4; top: 2%; left: 3%; transform: rotate(-5deg); }
.esl-commercial-collage__item--2 { z-index: 3; top: 11%; left: 28%; transform: rotate(2deg); }
.esl-commercial-collage__item--3 { z-index: 2; top: 22%; right: 10%; transform: rotate(7deg); }
.esl-commercial-collage__item--4 { z-index: 1; top: 35%; left: 13%; transform: rotate(-1deg); }
.esl-commercial-collage--2 .esl-commercial-collage__item--1 { left: 10%; transform: rotate(4deg); }
.esl-commercial-collage--2 .esl-commercial-collage__item--2 { top: 3%; left: 38%; transform: rotate(-4deg); }
.esl-commercial-collage--2 .esl-commercial-collage__item--3 { top: 31%; right: 4%; transform: rotate(2deg); }
.esl-commercial-collage--2 .esl-commercial-collage__item--4 { top: 38%; left: 23%; transform: rotate(7deg); }
.esl-commercial-collage--3 .esl-commercial-collage__item--1 { top: 20%; left: 1%; transform: rotate(-7deg); }
.esl-commercial-collage--3 .esl-commercial-collage__item--2 { top: 1%; left: 31%; transform: rotate(1deg); }
.esl-commercial-collage--3 .esl-commercial-collage__item--3 { top: 16%; right: 2%; transform: rotate(6deg); }
.esl-commercial-collage--3 .esl-commercial-collage__item--4 { top: 43%; left: 35%; transform: rotate(-3deg); }
.esl-commercial-collage__word { position: absolute; z-index: -1; right: 0; bottom: 3%; color: rgb(117 111 102 / 18%); font: 700 clamp(2.7rem, 12vw, 5.8rem)/.8 var(--esl-sans); letter-spacing: -.06em; writing-mode: vertical-rl; }
@media (min-width: 48rem) {
  .esl-books-filter-panel, .esl-books-filter-panel.is-open { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .esl-editorial-pairs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .esl-service-ledger > div { grid-template-columns: minmax(13rem, .62fr) minmax(0, 1.38fr); gap: 3rem; align-items: baseline; }
  .esl-institutional-hero__grid { grid-template-columns: minmax(0, .9fr) minmax(23rem, 1.1fr); }
  .esl-commercial-collage { min-height: 34rem; }
}
@media (prefers-reduced-motion: reduce) { .esl-home-rail__track { transition: none; } }

/* M6C: una secuencia editorial, sin reproducción automática ni dependencias externas. */
.esl-home-rail { padding-block: clamp(2rem, 5vw, 5rem); }
.esl-home-rail__heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.esl-home-rail__heading .esl-kicker { margin: 0; }
.esl-home-rail__controls { display: flex; gap: .5rem; }
.esl-home-rail__button { align-items: center; background: transparent; border: 1px solid currentColor; border-radius: 50%; color: inherit; cursor: pointer; display: inline-flex; font: inherit; height: 44px; justify-content: center; padding: 0; width: 44px; }
.esl-home-rail__button:hover, .esl-home-rail__button:focus-visible { background: var(--esl-ink, #1f1b17); color: var(--esl-paper, #f8f5ef); }
.esl-home-rail__viewport { overflow-x: auto; overscroll-behavior-x: contain; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: thin; }
.esl-home-rail__track { display: flex; }
.esl-home-rail__slide { align-items: center; display: grid; flex: 0 0 100%; gap: clamp(1.5rem, 5vw, 5rem); grid-template-columns: minmax(9rem, 28vw) minmax(0, 1fr); min-height: clamp(26rem, 46vw, 39rem); scroll-snap-align: start; }
.esl-home-rail__art { align-self: stretch; display: grid; place-items: center; }
.esl-home-rail__art figure { margin: 0; max-height: 34rem; }
.esl-home-rail__cover { box-shadow: 0 1.4rem 2.8rem rgba(27, 22, 17, .2); height: auto; max-height: 34rem; width: auto; }
.esl-home-rail__cover--fallback { align-items: center; aspect-ratio: 2 / 3; background: var(--esl-surface); border: 1px solid var(--esl-rule-strong); display: flex; font: 600 clamp(1.2rem, 3vw, 2rem)/1.08 var(--esl-serif); justify-content: center; max-width: 22rem; padding: 1.5rem; text-align: center; }
.esl-home-conversations__secondary, .esl-home-conversations__secondary > * { min-width: 0; }
.esl-home-rail__copy { max-width: 42rem; padding: 1rem 0; }
.esl-home-rail__copy h2 { font-size: clamp(2.4rem, 5.5vw, 5.7rem); line-height: .97; margin: 0 0 1.25rem; }
.esl-home-rail__copy h2, .esl-home-rail__copy h2 a { color: inherit; text-decoration: none; }
.esl-home-rail__copy h2 a:hover, .esl-home-rail__copy h2 a:focus-visible { text-decoration: underline; text-underline-offset: .12em; }
.esl-home-rail__copy .esl-hero-book { margin: 0 0 1rem; }
.esl-home-rail__copy .esl-hero-deck { max-width: 34rem; }
#empieza-por-lo-que-te-apetece, #lecturas-para-ti { scroll-margin-top: 4rem; }
@media (min-width: 48rem) {
  #empieza-por-lo-que-te-apetece, #lecturas-para-ti { scroll-margin-top: 7.5rem; }
}
.esl-lists-hero--with-covers { align-items: center; display: grid; gap: clamp(1.5rem, 5vw, 5rem); grid-template-columns: minmax(0, 1fr) minmax(15rem, 26rem); }
.esl-lists-hero__covers { justify-self: end; margin: 0; max-width: 26rem; width: 100%; }
@media (max-width: 47.99rem) {
  .esl-home-rail { padding-top: 1.5rem; }
  .esl-home-rail__slide { align-content: start; grid-template-columns: 1fr; min-height: 0; padding-bottom: 1rem; }
  .esl-home-rail__art { min-height: 19rem; }
  .esl-home-rail__art figure, .esl-home-rail__cover { max-height: 23rem; }
  .esl-home-rail__copy { padding-top: 0; }
  .esl-lists-hero--with-covers { grid-template-columns: 1fr; }
  .esl-lists-hero__covers { justify-self: start; max-width: 21rem; }
}
@media (prefers-reduced-motion: reduce) {
  .esl-home-rail__viewport { scroll-behavior: auto; }
}

/* Mission 6A: institutional, discovery and prelaunch closure. */
.esl-home-positioning { margin-top: 0; background: var(--esl-ink); color: var(--esl-paper); }
.esl-home-positioning__grid { display: grid; gap: 1.5rem; padding-block: clamp(3.5rem, 9vw, 7rem); }
.esl-home-positioning .esl-kicker { color: var(--esl-accent-soft); }
.esl-home-positioning h2 { max-width: 18ch; font-size: clamp(2.2rem, 8vw, 4.8rem); }
.esl-home-positioning p:not(.esl-kicker) { max-width: 40rem; margin-top: 1.3rem; color: #d7d0c5; font: 1.08rem/1.65 var(--esl-sans); }
.esl-home-positioning a { margin-top: 1.5rem; color: var(--esl-paper); }

.esl-institutional-hero { padding-block: clamp(3.5rem, 8vw, 6rem); border-bottom: 1px solid var(--esl-rule-strong); background: var(--esl-paper-deep); }
.esl-institutional-hero h1 { max-width: 13ch; font-size: clamp(2.8rem, 11vw, 6rem); }
.esl-institutional-hero > .esl-container > p:last-child:not(.esl-kicker) { max-width: 42rem; margin-top: 1.3rem; color: var(--esl-muted); font: 1.15rem/1.6 var(--esl-sans); }
.esl-institutional-layout { padding-block: clamp(3rem, 9vw, 7rem); }
.esl-institutional-copy { max-width: 48rem; }
.esl-institutional-copy h2 { max-width: 16ch; margin-top: 2.4em; font-size: clamp(1.9rem, 6vw, 3.3rem); }
.esl-institutional-copy h3 { margin-top: 2.2em; font-size: clamp(1.35rem, 4vw, 2rem); }
.esl-institutional-copy ul { padding-left: 1.2rem; }
.esl-institutional-copy li + li { margin-top: .65rem; }
.esl-institutional-copy a { text-decoration-thickness: 1px; text-underline-offset: .2em; }
.esl-editorial-board { padding-top: clamp(2.5rem, 7vw, 5rem); border-top: 1px solid var(--esl-rule-strong); }
.esl-editorial-board > h2 { margin-top: .55rem; }
.esl-editorial-board__grid { display: grid; gap: 1px; margin-top: 2rem; background: var(--esl-rule-strong); }
.esl-editorial-board__member { padding: clamp(1.4rem, 4vw, 2.4rem); background: var(--esl-paper); }
.esl-editorial-board__member h3 { margin-top: 0; }
.esl-editorial-board__role { margin-top: .35rem; color: var(--esl-muted); font-size: .78rem; font-weight: 720; letter-spacing: .06em; text-transform: uppercase; }
.esl-editorial-board__member > div { margin-top: 1rem; }
.esl-editorial-board__member .esl-text-link { margin-top: 1rem; }

.esl-proposal-form { max-width: 62rem; padding-top: 3rem; margin-top: 4rem; border-top: 2px solid var(--esl-ink); }
.esl-proposal-form__intro { max-width: 42rem; }
.esl-proposal-form__intro h2 { margin-top: .5rem; }
.esl-form { display: grid; gap: 1.3rem; padding: clamp(1.2rem, 4vw, 2.5rem); margin-top: 2rem; border: 1px solid var(--esl-rule-strong); background: var(--esl-surface); }
.esl-form-grid { display: grid; gap: 1.3rem; }
.esl-form label { display: grid; gap: .5rem; color: var(--esl-ink); font-size: .78rem; font-weight: 720; }
.esl-form label > span { letter-spacing: .06em; text-transform: uppercase; }
.esl-form label i { color: var(--esl-accent-dark); font-style: normal; }
.esl-form input, .esl-form select, .esl-form textarea { width: 100%; border: 1px solid var(--esl-rule-strong); border-radius: 0; background: var(--esl-paper); color: var(--esl-ink); font: 1rem/1.4 var(--esl-sans); }
.esl-form input, .esl-form select { min-height: 3rem; padding-inline: .85rem; }
.esl-form textarea { padding: .85rem; resize: vertical; }
.esl-form input:focus, .esl-form select:focus, .esl-form textarea:focus { outline: 3px solid color-mix(in srgb, var(--esl-accent) 55%, transparent); outline-offset: 2px; }
.esl-form-privacy { max-width: 43rem; color: var(--esl-muted); font-size: .78rem; }
.esl-form-notice { padding: 1rem 1.2rem; margin-top: 1.5rem; border-left: 4px solid var(--esl-accent); background: var(--esl-paper-deep); }
.esl-form-notice--success { border-color: #39714f; }
.esl-form-trap { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }

.esl-lists-index { padding-block: clamp(3rem, 9vw, 7rem); }
.esl-lists-hero { max-width: 54rem; padding-bottom: clamp(3rem, 8vw, 6rem); }
.esl-lists-hero h1 { margin-top: .6rem; font-size: clamp(3.2rem, 13vw, 7.5rem); }
.esl-lists-hero > p:last-child { max-width: 43rem; margin-top: 1.5rem; color: var(--esl-muted); font: 1.15rem/1.6 var(--esl-sans); }
.esl-lists-manifesto { display: grid; gap: 1.2rem; padding-block: 2.5rem; border-block: 1px solid var(--esl-ink); }
.esl-lists-manifesto > span { color: var(--esl-accent-dark); font-size: .7rem; font-weight: 800; letter-spacing: .16em; }
.esl-lists-manifesto h2 { max-width: 16ch; font-size: clamp(2rem, 7vw, 3.8rem); }
.esl-lists-manifesto p { max-width: 43rem; margin-top: 1rem; color: var(--esl-muted); }
.esl-lists-grid { display: grid; margin-top: clamp(3rem, 8vw, 6rem); border-top: 1px solid var(--esl-rule-strong); }
.esl-list-index-card { position: relative; padding-block: 2rem; border-bottom: 1px solid var(--esl-rule-strong); }
.esl-list-index-card > span { color: var(--esl-accent-dark); font-size: .68rem; font-weight: 800; }
.esl-list-index-card h2 { max-width: 20ch; margin-top: .6rem; font-size: clamp(1.8rem, 6vw, 3rem); }
.esl-list-index-card h2 a { color: inherit; text-decoration: none; }
.esl-list-index-card > p:not(.esl-kicker) { max-width: 35rem; margin-top: .7rem; color: var(--esl-muted); }
.esl-list-index-card .esl-text-link { margin-top: 1.2rem; }

.esl-filter-panel--below { overflow: clip; max-height: 0; padding: 0; opacity: 0; transition: max-height 240ms var(--esl-ease), opacity 180ms ease, padding 240ms var(--esl-ease); }
.esl-filter-panel--below.is-open { display: grid; max-height: 42rem; padding: 1.2rem; margin-top: 0; opacity: 1; border: 1px solid var(--esl-rule); border-top: 2px solid var(--esl-accent); background: var(--esl-surface); }
.esl-search-page[aria-busy="true"] .esl-search-results { opacity: .55; }
.esl-search-results { transition: opacity 160ms ease; }
.esl-video-facade__notice { position: absolute; bottom: 1rem; left: 1rem; max-width: calc(100% - 8.5rem); padding: .42rem .58rem; background: rgb(24 24 22 / 78%); color: var(--esl-paper); font-size: .62rem; font-weight: 720; letter-spacing: .03em; }
/* A single author interview is a featured editorial composition, not a narrow card. */
.esl-conversation-grid--single { grid-template-columns: minmax(0, 1fr) !important; }

@media (min-width: 48rem) {
	.esl-editorial-board__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .esl-home-positioning__grid { grid-template-columns: minmax(10rem, .45fr) minmax(0, 1.55fr); gap: clamp(2rem, 7vw, 7rem); }
  .esl-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .esl-lists-manifesto { grid-template-columns: minmax(8rem, .35fr) minmax(0, 1.65fr); gap: 2rem; padding-block: 3.5rem; }
  .esl-lists-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); border-left: 1px solid var(--esl-rule-strong); }
  .esl-list-index-card { min-height: 20rem; padding: 2rem; border-right: 1px solid var(--esl-rule-strong); }
  .esl-filter-panel--below.is-open { grid-template-columns: repeat(3, minmax(0, 1fr)); max-height: 25rem; padding: 1.5rem; }
  .esl-filter-panel--below .esl-discovery-form__actions { grid-column: 1 / -1; }
}

@media (prefers-reduced-motion: reduce) {
  .esl-filter-panel--below, .esl-search-results { transition: none; }
}

/* Mission 5: editorial depth and documented conversations. */
.esl-copy-section--premise { max-width: 54rem; padding: clamp(2rem, 5vw, 3.5rem); background: var(--esl-paper-deep); }
.esl-copy-section--premise h2 { max-width: 9ch; font-size: clamp(2.5rem, 8vw, 4.8rem); }
.esl-related-conversations { max-width: 68rem; margin-inline: auto; }
.esl-conversation-grid { display: grid; gap: 2.2rem; }

.esl-interviews-page { padding-bottom: var(--esl-space-10); }
.esl-interviews-hero { display: grid; gap: 1.15rem; max-width: 67rem; padding-block: clamp(3rem, 10vw, 7rem); border-bottom: 1px solid var(--esl-ink); }
.esl-interviews-hero h1 { max-width: 11ch; font-size: clamp(3.3rem, 15vw, 7.2rem); }
.esl-interviews-hero > p:not(.esl-kicker) { max-width: 47rem; color: var(--esl-ink-soft); font-family: var(--esl-serif); font-size: clamp(1.2rem, 3vw, 1.55rem); line-height: 1.55; }
.esl-interviews-legend { display: flex; flex-wrap: wrap; gap: .65rem 1.5rem; padding-top: 1rem; color: var(--esl-muted); font-size: .72rem; font-weight: 720; letter-spacing: .06em; text-transform: uppercase; }
.esl-interviews-grid { display: grid; gap: clamp(3rem, 8vw, 6rem); padding-block: clamp(3rem, 8vw, 6rem); }
.esl-interview-card { display: grid; gap: 1.5rem; padding-top: 1.4rem; border-top: 1px solid var(--esl-rule-strong); }
.esl-interview-card__visual { display: block; overflow: hidden; aspect-ratio: 4 / 3; background: var(--esl-paper-deep); }
.esl-interview-card__visual img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 24%; transition: transform 350ms var(--esl-ease); }
.esl-interview-card__visual:hover img { transform: scale(1.015); }
.esl-interview-card__copy h2 { max-width: 18ch; margin: .55rem 0 1rem; font-size: clamp(2rem, 5vw, 3.5rem); }
.esl-interview-card__copy h2 a { overflow-wrap: anywhere; text-decoration: none; }
.esl-interview-card__copy > p:not(.esl-kicker) { max-width: 38rem; color: var(--esl-muted); }
.esl-interview-card__copy .esl-text-link { margin-top: 1.25rem; }

.esl-conversation-header { display: grid; gap: 2rem; padding-block: 1rem clamp(3.5rem, 12vw, 6rem); border-bottom: 1px solid var(--esl-ink); }
.esl-conversation-header__copy { align-self: end; }
.esl-conversation-header h1 { max-width: 15ch; margin: .75rem 0 1.4rem; font-size: clamp(3.1rem, 13vw, 6.8rem); line-height: .92; letter-spacing: -.045em; }
.esl-conversation-deck { max-width: 43rem; color: var(--esl-ink-soft); font-family: var(--esl-serif); font-size: clamp(1.14rem, 2.2vw, 1.42rem); line-height: 1.48; }
.esl-conversation-meta { display: flex; flex-wrap: wrap; gap: .55rem 1.4rem; margin-top: 1.6rem; color: var(--esl-muted); font-size: .68rem; font-weight: 720; letter-spacing: .065em; text-transform: uppercase; }
.esl-conversation-meta span + span::before { content: "·"; margin-right: 1.4rem; color: var(--esl-accent); }
.esl-conversation-byline { margin-top: 1.15rem; color: var(--esl-ink-soft); font-size: .82rem; }
.esl-conversation-byline > span:first-child { margin-right: .45rem; color: var(--esl-muted); font-size: .65rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.esl-conversation-byline a { color: var(--esl-ink); font-weight: 700; text-decoration-thickness: .06em; text-underline-offset: .18em; }
.esl-conversation-header__visual { overflow: hidden; margin: 0; background: var(--esl-paper-deep); }
.esl-conversation-header__visual img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 22%; }
.esl-conversation-header__visual .esl-media-credit { padding-top: .65rem; }
.esl-conversation-context { display: grid; gap: 1rem; max-width: 67rem; padding-block: clamp(2.7rem, 9vw, 5.5rem); margin-inline: auto; border-bottom: 1px solid var(--esl-rule-strong); }
.esl-conversation-context > p:last-child { max-width: 26ch; font-family: var(--esl-serif); font-size: clamp(2rem, 7vw, 4.2rem); line-height: 1.04; letter-spacing: -.025em; }
.esl-conversation-page .esl-article-body { margin-top: clamp(3.5rem, 10vw, 6rem); }
.esl-conversation-page .esl-article-body > p:first-child::first-letter { float: left; margin: .08em .13em 0 0; color: var(--esl-accent); font-size: 3.7em; font-weight: 600; line-height: .72; }
.esl-conversation-page .esl-article-body h2 { max-width: 18ch; padding-top: 1.25rem; margin-top: 3.4rem; border-top: 1px solid var(--esl-rule); font-size: clamp(1.75rem, 5vw, 2.55rem); line-height: 1.08; }
.esl-conversation-page .esl-article-body blockquote { padding: 1.2rem 0 1.2rem 1.4rem; margin-block: clamp(2.5rem, 7vw, 4rem); border-left: 3px solid var(--esl-accent); color: var(--esl-ink); font-size: clamp(1.45rem, 4vw, 2.25rem); line-height: 1.25; }
.esl-conversation-page .esl-article-body blockquote cite { display: block; margin-top: 1rem; color: var(--esl-muted); font-family: var(--esl-sans); font-size: .68rem; font-style: normal; font-weight: 720; letter-spacing: .06em; text-transform: uppercase; }
.esl-conversation-sources { display: grid; gap: 2rem; max-width: 67rem; padding-block: clamp(2.5rem, 8vw, 4.5rem); margin: clamp(4rem, 12vw, 7rem) auto 0; border-top: 1px solid var(--esl-ink); border-bottom: 1px solid var(--esl-rule-strong); }
.esl-conversation-sources header h2 { max-width: 14ch; margin: .55rem 0 .8rem; font-size: clamp(2rem, 6vw, 3.5rem); }
.esl-conversation-sources header > p:last-child { max-width: 34rem; color: var(--esl-muted); }
.esl-conversation-sources ol { padding: 0; margin: 0; list-style: none; counter-reset: voice-source; }
.esl-conversation-sources li { counter-increment: voice-source; border-top: 1px solid var(--esl-rule); }
.esl-conversation-sources a { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: .15rem .7rem; padding-block: 1rem; text-decoration: none; }
.esl-conversation-sources a::before { content: counter(voice-source, decimal-leading-zero); grid-row: 1 / span 2; color: var(--esl-accent); font-size: .63rem; font-weight: 760; letter-spacing: .06em; }
.esl-conversation-sources a strong { overflow-wrap: anywhere; font-family: var(--esl-serif); font-size: 1.05rem; font-weight: 600; }
.esl-conversation-sources a span { color: var(--esl-muted); font-size: .7rem; }
.esl-conversation-relations { max-width: 67rem; padding-top: clamp(3rem, 9vw, 5rem); margin: 0 auto; }
.esl-conversation-relations header h2 { max-width: 16ch; margin: .55rem 0 1.5rem; font-size: clamp(2.1rem, 7vw, 4rem); }
.esl-conversation-author-links { display: flex; flex-wrap: wrap; gap: .7rem 1.4rem; padding-block: 1.2rem; border-top: 1px solid var(--esl-rule-strong); border-bottom: 1px solid var(--esl-rule); }
.esl-conversation-author-links a { font-family: var(--esl-serif); font-size: clamp(1.25rem, 3vw, 1.65rem); text-decoration: none; }
.esl-conversation-book-links { margin-top: clamp(2.5rem, 7vw, 4rem); }

.esl-home-conversations { overflow: clip; background: var(--esl-paper-deep); }
.esl-home-conversations__grid { display: grid; gap: 3rem; }
.esl-home-conversation-lead { display: grid; gap: 1.5rem; }
.esl-home-conversation-lead__visual { display: block; overflow: hidden; aspect-ratio: 4 / 3; background: var(--esl-paper-deep); }
.esl-home-conversation-lead__visual img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; }
.esl-interview-card--isabel-allende-la-historia-contada-por-quien-no-debia-estar-alli .esl-interview-card__visual img,
.esl-conversation--isabel-allende-la-historia-contada-por-quien-no-debia-estar-alli .esl-conversation-header__visual img,
.esl-home-conversation-lead--isabel-allende-la-historia-contada-por-quien-no-debia-estar-alli .esl-home-conversation-lead__visual img { object-fit: contain; object-position: center; }
.esl-interview-card--isabel-allende-la-historia-contada-por-quien-no-debia-estar-alli .esl-interview-card__visual:hover img { transform: none; }
.esl-home-conversation-lead h3 { max-width: 15ch; margin: .55rem 0 1rem; font-size: clamp(2rem, 7vw, 3.6rem); }
.esl-home-conversation-lead h3 a { text-decoration: none; }
.esl-home-conversation-lead > div > p:not(.esl-kicker) { max-width: 35rem; color: var(--esl-muted); }
.esl-home-conversation-lead .esl-text-link { margin-top: 1.25rem; }
.esl-home-conversations__secondary { display: grid; gap: 2rem; align-content: start; }

@media (min-width: 48rem) {
  .esl-conversation-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .esl-interviews-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .esl-interview-card--lead { grid-column: 1 / -1; grid-template-columns: minmax(22rem, 1.2fr) minmax(18rem, .8fr); align-items: center; }
  .esl-interview-card--lead .esl-interview-card__visual { aspect-ratio: 3 / 2; }
  .esl-conversation-header { grid-template-columns: minmax(0, 1.12fr) minmax(20rem, .88fr); align-items: center; gap: clamp(3rem, 7vw, 7rem); padding-block: 3rem 6rem; }
  .esl-conversation-context { grid-template-columns: minmax(10rem, .4fr) minmax(0, 1.6fr); align-items: start; }
  .esl-conversation-sources { grid-template-columns: minmax(16rem, .8fr) minmax(0, 1.2fr); gap: clamp(3rem, 7vw, 7rem); }
  .esl-home-conversations__grid { grid-template-columns: minmax(0, 1.35fr) minmax(18rem, .65fr); gap: clamp(3rem, 7vw, 7rem); }
}

@media (min-width: 64rem) {
  .esl-author-page .esl-conversation-grid--single .esl-editorial-card--author-feature {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(17rem, .82fr);
    column-gap: clamp(2rem, 6vw, 6rem);
    align-items: start;
    padding-top: clamp(1.5rem, 3vw, 2.25rem);
  }
  .esl-author-page .esl-conversation-grid--single .esl-editorial-card--author-feature h2 {
    grid-column: 1;
    grid-row: 1 / span 2;
    max-width: 12ch;
    margin: 0;
    font-size: clamp(2.5rem, 4.4vw, 4.8rem);
    line-height: .98;
  }
  .esl-author-page .esl-conversation-grid--single .esl-editorial-card--author-feature > p {
    grid-column: 2;
    margin: .2rem 0 0;
    max-width: 30rem;
    color: var(--esl-ink-soft);
    font-family: var(--esl-serif);
    font-size: clamp(1.1rem, 1.65vw, 1.38rem);
    line-height: 1.45;
  }
  .esl-author-page .esl-conversation-grid--single .esl-editorial-card--author-feature .esl-text-link {
    grid-column: 2;
    align-self: start;
    margin-top: 1.6rem;
  }
}

@media (min-width: 70rem) {
  .esl-interviews-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .esl-interview-card--lead { grid-column: 1 / -1; }
}

/* Mission 2C: calibrated hierarchy and page-specific art direction. */
.esl-home-hero__copy h1 { max-width: 14ch; font-size: clamp(2rem, 9vw, 3.35rem); }
.esl-home-hero__art { min-height: 23rem; }
.esl-home-hero__art figure { width: min(65vw, 15.5rem); }
.esl-home-hero__number { right: -.15rem; bottom: 1.4rem; color: rgb(117 111 102 / 18%); font-size: clamp(6.5rem, 28vw, 9rem); }
.esl-home-hero__cover { opacity: 1; }

.esl-author-hero { gap: 1.35rem; }
.esl-author-hero__visual figcaption { padding: .45rem var(--esl-gutter) 0; }
.esl-author-hero__copy { position: relative; padding-top: 1.55rem; border-top: 2px solid var(--esl-accent); }
.esl-author-hero__copy h1 { max-width: 11ch; font-size: clamp(2.85rem, 13vw, 4.75rem); }
.esl-author--lana-corujo .esl-author-portrait { object-position: 50% 20%; }
.esl-author--juan-gomez-jurado .esl-author-portrait { object-position: 50% 18%; }
.esl-author--rachel-reid .esl-author-portrait { object-position: 50% 20%; }

.esl-search-tool { padding-block: 2.5rem 0; }
.esl-search-tool .esl-search-hero { max-width: 42rem; padding-block: 1rem 2.2rem; }
.esl-search-tool .esl-search-hero h1 { max-width: 13ch; font-size: clamp(2.65rem, 11vw, 4.1rem); }
.esl-search-tool .esl-discovery-form { background: color-mix(in srgb, var(--esl-surface) 72%, transparent); }
.esl-filter-toggle { padding-inline: .25rem; }
.esl-filter-toggle span:last-child { color: var(--esl-accent-dark); font-size: 1.3rem; transition: transform 180ms var(--esl-ease); }
.esl-filter-toggle[aria-expanded="true"] span:last-child { transform: rotate(45deg); }
.esl-filter-panel.is-open { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; padding: .45rem 1rem 1.2rem; border: 1px solid var(--esl-rule); border-top: 2px solid var(--esl-accent); background: var(--esl-surface); box-shadow: 0 20px 45px rgb(24 20 16 / 8%); }
.esl-filter-panel.is-open > div:not(.esl-discovery-form__actions) { padding: 1rem .65rem; border-bottom: 1px solid var(--esl-rule); }
.esl-filter-panel.is-open > div:nth-child(odd):not(.esl-discovery-form__actions) { border-right: 1px solid var(--esl-rule); }
.esl-filter-panel.is-open .esl-discovery-form__actions { grid-column: 1 / -1; }

@media (min-width: 48rem) and (max-width: 63.99rem) {
  .esl-home-hero { grid-template-columns: minmax(14rem, .9fr) minmax(0, 1.1fr); gap: 2.5rem; min-height: 36rem; padding-top: 2.4rem; }
  .esl-home-hero__art { min-height: 30rem; }
  .esl-home-hero__art figure { width: min(31vw, 15rem); }
  .esl-home-hero__copy h1 { max-width: 13ch; font-size: clamp(2.75rem, 5.8vw, 3.25rem); }
  .esl-home-hero__number { right: -.5rem; bottom: 2rem; font-size: 8rem; }
  .esl-author-hero { grid-template-columns: 1fr; gap: 1.5rem; padding-bottom: 4.5rem; }
  .esl-author-hero__visual { width: calc(100% + 3.5rem); margin-left: -1.75rem; }
  .esl-author-portrait { min-height: 34rem; max-height: 44rem; }
  .esl-author-hero__copy { max-width: 42rem; }
}

@media (min-width: 64rem) {
  .esl-home-hero__copy h1 { font-size: clamp(3.1rem, 4.1vw, 4rem); }
  .esl-home-hero__art figure { width: min(30vw, 18.5rem); }
  .esl-home-hero__number { right: -1rem; bottom: 2.5rem; font-size: 9rem; }
  .esl-author-hero { grid-template-columns: minmax(21rem, 1.08fr) minmax(0, .92fr); }
  .esl-author-hero__visual figcaption { padding-inline: 0; }
  .esl-author-hero__copy { padding: 2rem 0 2rem 2.5rem; border-top: 0; border-left: 2px solid var(--esl-accent); }
  .esl-author--lana-corujo .esl-author-hero { grid-template-columns: minmax(28rem, 1.2fr) minmax(0, .8fr); }
  .esl-author--lana-corujo .esl-author-hero__copy { z-index: 2; margin-left: -5rem; padding: 3.25rem; border-left: 0; background: color-mix(in srgb, var(--esl-paper) 96%, transparent); box-shadow: -18px 22px 50px rgb(24 20 16 / 8%); }
  .esl-author--rachel-reid .esl-author-hero__visual { grid-column: 2; grid-row: 1; }
  .esl-author--rachel-reid .esl-author-hero__copy { grid-column: 1; grid-row: 1; padding-right: 3rem; border-right: 2px solid var(--esl-accent); border-left: 0; }
  .esl-search-tool { display: grid; grid-template-columns: minmax(19rem, .72fr) minmax(0, 1.28fr); gap: clamp(3rem, 6vw, 6.5rem); align-items: end; padding-block: 4.5rem 1rem; }
  .esl-search-tool .esl-search-hero { padding: 0 0 1.5rem; }
  .esl-search-tool .esl-search-hero h1 { font-size: clamp(3rem, 3.7vw, 3.65rem); }
  .esl-search-tool .esl-discovery-form { padding: 1.6rem; border: 1px solid var(--esl-rule-strong); border-top: 3px solid var(--esl-accent); box-shadow: 0 22px 55px rgb(24 20 16 / 7%); }
  .esl-search-results { padding-top: 5rem; }
}

@media (max-width: 22rem) {
  .esl-home-hero__copy h1 { font-size: 2rem; }
  .esl-home-hero__art { min-height: 21rem; }
  .esl-home-hero__art figure { width: min(67vw, 13.4rem); }
  .esl-filter-panel.is-open { grid-template-columns: 1fr; }
  .esl-filter-panel.is-open > div:nth-child(odd):not(.esl-discovery-form__actions) { border-right: 0; }
}

/* Mission 2D: final editorial polish without changing the established system. */
.esl-home-hero { gap: 2rem; }
.esl-home-hero__art { min-height: 21.5rem; }
.esl-home-hero__art figure { width: min(58vw, 14rem); }
.esl-home-hero__cover-link { display: block; outline-offset: .5rem; }
.esl-home-hero__cover { transition: transform 220ms var(--esl-ease), box-shadow 220ms ease; }
.esl-home-hero__cover-link:hover .esl-home-hero__cover,
.esl-home-hero__cover-link:focus-visible .esl-home-hero__cover { transform: translateY(-4px) rotate(.35deg); box-shadow: 0 22px 52px rgb(24 20 16 / 20%); }

.esl-search-tool { border-bottom: 1px solid var(--esl-rule); }
.esl-search-tool .esl-discovery-form { border-bottom: 0; }
.esl-filter-toggle__desktop { display: none; }
.esl-filter-panel { display: none; }
.esl-filter-panel.is-open { display: grid; }
.esl-search-moods { padding-block: clamp(3.5rem, 10vw, 6.5rem); border-bottom: 1px solid var(--esl-rule); }
.esl-search-moods__head { max-width: 42rem; margin-bottom: 2rem; }
.esl-search-moods__head h2 { max-width: 13ch; margin-top: .45rem; font-size: clamp(2.2rem, 8vw, 3.7rem); }
.esl-search-moods__grid { display: grid; border-top: 1px solid var(--esl-rule-strong); }
.esl-search-moods__grid a { display: grid; grid-template-columns: 2rem 1fr auto; min-height: 5.2rem; align-items: center; gap: .6rem; border-bottom: 1px solid var(--esl-rule); color: inherit; text-decoration: none; transition: padding 180ms var(--esl-ease), color 180ms ease; }
.esl-search-moods__grid a:hover,
.esl-search-moods__grid a:focus-visible,
.esl-search-moods__grid a[aria-current="true"] { padding-inline: .45rem; color: var(--esl-accent-dark); }
.esl-search-moods__grid a[aria-current="true"] { background: color-mix(in srgb, var(--esl-accent-soft) 35%, transparent); }
.esl-search-moods__grid span { color: var(--esl-accent-dark); font-size: .62rem; font-style: normal; font-weight: 780; }
.esl-search-moods__grid strong { font: 520 clamp(1.22rem, 5.4vw, 1.7rem)/1.08 var(--esl-serif); }
.esl-search-moods__grid i { font-style: normal; }
.esl-search-results .esl-results-grid { grid-template-columns: 1fr; gap: 0; border-bottom: 1px solid var(--esl-rule-strong); }
.esl-search-results .esl-card { padding-block: 1.5rem; border-top: 1px solid var(--esl-rule-strong); }
.esl-search-results .esl-book-card { display: grid; grid-template-columns: minmax(5.8rem, 7rem) 1fr; gap: 1.25rem; }
.esl-search-results .esl-book-card__media { margin: 0; }
.esl-search-results .esl-book-card__cover { margin: 0; }
.esl-search-results .esl-book-card h3 { font-size: clamp(1.55rem, 6vw, 2.5rem); }
.esl-search-results .esl-book-card h3 a,
.esl-search-results .esl-author-card h2 a,
.esl-search-results .esl-editorial-card h2 a,
.esl-search-results .esl-editorial-card .esl-text-link { display: inline-flex; min-width: 44px; min-height: 44px; align-items: center; }
.esl-search-results .esl-book-card__line { display: block; max-width: 36rem; }
.esl-search-results .esl-author-card { display: grid; grid-template-columns: minmax(5.8rem, 7rem) 1fr; align-items: start; gap: 0 1.25rem; }
.esl-search-results .esl-author-card__visual { grid-row: 1 / 5; margin: 0; }
.esl-search-results .esl-author-card > :not(.esl-author-card__visual) { grid-column: 2; }
.esl-search-results .esl-author-card h2 { margin-top: .35rem; font-size: clamp(1.7rem, 7vw, 2.7rem); }
.esl-search-results .esl-editorial-card h2 { max-width: 22ch; font-size: clamp(1.8rem, 7vw, 3rem); }

.esl-copy-section__body > * + * { margin-top: 1.25em; }
.esl-copy-section--plain { max-width: 43rem; }
.esl-copy-section--context { max-width: 58rem; padding-block: 2.5rem; border-top: 1px solid var(--esl-ink); border-bottom: 1px solid var(--esl-ink); }
.esl-copy-section--fact { max-width: 56rem; padding: 2rem; background: var(--esl-paper-deep); }
.esl-copy-section--fact h2 { max-width: 12ch; }
.esl-author-voice { max-width: 52rem; padding-block: 1rem; }
.esl-author-voice h2 { max-width: 14ch; }
.esl-media-card__header { display: grid; gap: .45rem; max-width: 42rem; margin-bottom: 1.4rem; }
.esl-media-card__header h2 { max-width: 15ch; font-size: clamp(2rem, 7vw, 3.4rem); }
.esl-media-card__header > p:last-child { color: var(--esl-muted); font-size: .75rem; font-weight: 680; }
.esl-reading-close { display: grid; gap: 2rem; align-items: end; padding-block: clamp(3rem, 10vw, 5rem); margin-top: clamp(4rem, 12vw, 8rem); border-top: 2px solid var(--esl-ink); border-bottom: 1px solid var(--esl-rule-strong); }
.esl-reading-close h2 { max-width: 13ch; margin-top: .45rem; font-size: clamp(2.4rem, 9vw, 4.4rem); }
.esl-reading-close > div:last-child { display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem; }

.esl-author-hero__visual .esl-media-credit { margin: 0; font-size: .62rem; }
.esl-author--lana-corujo .esl-author-hero__copy { z-index: 2; margin: 0 .9rem; padding: 1.5rem; background: color-mix(in srgb, var(--esl-paper) 96%, transparent); box-shadow: 0 16px 38px rgb(24 20 16 / 8%); }
.esl-author--juan-gomez-jurado .esl-author-hero__visual { width: 88%; margin-left: 0; }
.esl-author--juan-gomez-jurado .esl-author-hero__copy { max-width: 34rem; }
.esl-author--rachel-reid .esl-author-hero__visual { width: calc(100% + var(--esl-gutter)); margin-left: 0; }
.esl-author--rachel-reid .esl-author-hero__copy { z-index: 2; margin: 0 1rem 0 0; padding: 1.5rem 0 0 1.5rem; background: var(--esl-paper); border-top: 0; border-left: 2px solid var(--esl-accent); }

@media (min-width: 48rem) {
  .esl-home-hero__art { min-height: 34rem; }
  .esl-home-hero__art figure { width: min(28vw, 18rem); }
  .esl-filter-toggle { display: flex; }
  .esl-filter-toggle__mobile { display: none; }
  .esl-filter-toggle__desktop { display: inline; }
  .esl-filter-panel { display: none; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .esl-filter-panel.is-open { display: grid; }
  .esl-search-moods__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); border-left: 1px solid var(--esl-rule); }
  .esl-search-moods__grid a { min-height: 7rem; padding: 1rem 1.3rem; border-right: 1px solid var(--esl-rule); }
  .esl-search-results .esl-book-card { grid-template-columns: 9rem minmax(0, 1fr); gap: 2rem; }
  .esl-search-results .esl-author-card { grid-template-columns: 9rem minmax(0, 1fr); gap: 0 2rem; }
  .esl-copy-section--split { display: grid; grid-template-columns: minmax(12rem, .55fr) minmax(0, 1.45fr); max-width: 62rem; gap: clamp(2.5rem, 6vw, 5.5rem); }
  .esl-copy-section--split h2 { margin: 0; font-size: clamp(2.4rem, 3.7vw, 3.5rem); }
  .esl-copy-section--split .esl-section-number { right: auto; left: 0; top: -1.7rem; }
  .esl-copy-section--context { padding: 3.5rem clamp(2rem, 5vw, 4rem); }
  .esl-copy-section--fact { display: grid; grid-template-columns: .55fr 1.45fr; gap: 3rem; align-items: start; padding: 3rem; }
  .esl-copy-section--fact .esl-kicker { grid-column: 1; }
  .esl-copy-section--fact h2 { grid-column: 1; margin-top: -.3rem; }
  .esl-copy-section--fact .esl-copy-section__body { grid-column: 2; grid-row: 1 / span 2; }
  .esl-reading-close { grid-template-columns: 1fr auto; }
  .esl-reading-close > div:last-child { justify-content: flex-end; }
  .esl-author--lana-corujo .esl-author-hero__copy,
  .esl-author--rachel-reid .esl-author-hero__copy { margin-top: 0; }
}

@media (min-width: 70rem) {
  .esl-search-moods__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 22rem) {
  .esl-search-moods__grid strong { font-size: 1.12rem; }
  .esl-search-results .esl-book-card,
  .esl-search-results .esl-author-card { grid-template-columns: 5rem 1fr; gap: 1rem; }
  .esl-author--lana-corujo .esl-author-hero__copy { margin-inline: .4rem; }
}

/* M6A3 cascade guard: later legacy rules must not collapse the animated panel. */
html:has([data-discovery-page]) { overflow-anchor: none; }
.esl-search-tool { align-items: start; }
.esl-search-tool .esl-discovery-form { align-self: end; }
.esl-filter-toggle { width: 100%; min-height: 2.75rem; justify-content: space-between; }
.esl-filter-toggle [data-filter-icon] { display: inline-grid; width: 1.5rem; place-items: center; transform: none !important; }
.esl-filter-panel,
.esl-filter-panel--below { visibility: hidden; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; max-height: 0; overflow: clip; padding: 0 1rem; margin: 0; border: 0 solid transparent; opacity: 0; pointer-events: none; transition: max-height 280ms var(--esl-ease), opacity 180ms ease, padding 280ms var(--esl-ease), visibility 0s linear 280ms; }
.esl-filter-panel.is-open,
.esl-filter-panel--below.is-open { visibility: visible; display: grid; max-height: 35rem; padding: .45rem 1rem 1.2rem; margin: 0; border: 1px solid var(--esl-rule); border-top: 2px solid var(--esl-accent); opacity: 1; pointer-events: auto; transition-delay: 0s; }
.esl-search-moods__grid a,
.esl-search-moods__grid a:hover,
.esl-search-moods__grid a:focus-visible,
.esl-search-moods__grid a[aria-current="true"] { padding-inline: .45rem; }
.esl-search-results { opacity: 1; transition: opacity 140ms ease; }
.esl-search-results.is-updating { opacity: .46; }
@media (min-width: 48rem) {
  .esl-filter-panel,
  .esl-filter-panel--below { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 64rem) {
  .esl-search-tool .esl-filter-panel { grid-column: 1 / -1; }
  .esl-search-tool .esl-filter-panel.is-open { max-height: 18rem; }
}
@media (max-width: 22rem) {
  .esl-filter-panel,
  .esl-filter-panel.is-open { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .esl-filter-panel,
  .esl-filter-panel--below,
  .esl-search-results { transition: none; }
}
.esl-form input,
.esl-form select,
.esl-form textarea,
.esl-form .esl-button { min-height: 44px; }

/* PRE-M7 final cascade guard. */
.esl-home-rail__viewport { scrollbar-width: none; -ms-overflow-style: none; }
.esl-home-rail__viewport::-webkit-scrollbar { display: none; }
.esl-books-results .esl-book-card { display: block; }
.esl-books-results .esl-book-card__media { margin-bottom: 1.05rem; }
.esl-books-results .esl-book-card__cover { margin-bottom: 0; }
.esl-books-results .esl-book-card__copy { display: grid; }
@media (min-width: 48rem) {
  .esl-books-filter-panel,
  .esl-books-filter-panel.is-open { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* PRE-M7 FINAL: compact discovery, shared pagination and commercial artwork. */
.esl-books-filter-panel { box-shadow: none; }
.esl-books-results { padding-top: clamp(2.25rem, 5vw, 4rem); }
.esl-lists-hero.esl-lists-hero--with-covers { max-width: none; grid-template-columns: minmax(0, .95fr) minmax(18rem, .72fr); }
.esl-lists-hero--with-covers > div:first-child { min-width: 0; }
.esl-lists-hero--with-covers h1 { max-width: 8ch; }
.esl-form-privacy.esl-form-privacy--compact { max-width: 46rem; padding: .9rem 0 0; margin: .25rem 0 0; border: 0; border-top: 1px solid var(--esl-rule); color: var(--esl-muted); font-size: .68rem; line-height: 1.5; }
.esl-service-price { display: inline-block; min-width: 6.5rem; color: var(--esl-accent-dark); font: 650 clamp(1.35rem, 3vw, 2rem)/1 var(--esl-serif); white-space: nowrap; }
.esl-pagination { margin-top: clamp(2.25rem, 6vw, 4.25rem); padding-top: 1.25rem; border-top: 1px solid var(--esl-rule-strong); }
.esl-pagination__summary { margin: 0 0 .75rem; color: var(--esl-muted); font: 650 .72rem/1.2 var(--esl-sans); letter-spacing: .04em; text-align: center; }
.esl-pagination__links { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .35rem; }
.esl-pagination .page-numbers { display: inline-flex; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; padding: .45rem .65rem; color: var(--esl-ink); font: 700 .72rem/1 var(--esl-sans); text-decoration: none; border-bottom: 1px solid transparent; }
.esl-pagination a.page-numbers:hover, .esl-pagination a.page-numbers:focus-visible { border-color: var(--esl-accent); }
.esl-pagination .page-numbers.current { color: var(--esl-paper); background: var(--esl-ink); }
.esl-pagination .page-numbers.dots { min-width: 2rem; padding-inline: .2rem; }
.esl-pagination .prev { margin-right: auto; }
.esl-pagination .next { margin-left: auto; }
@media (max-width: 47.99rem) {
  .esl-lists-hero.esl-lists-hero--with-covers { grid-template-columns: 1fr; }
}

/* Block 1 — discovery positioning, canonical filters and live result feedback. */
.esl-home-discovery-hero { padding-block: clamp(4.25rem, 11vw, 8.5rem); border-bottom: 1px solid var(--esl-rule-strong); }
.esl-home-discovery-hero h1 { max-width: 12ch; margin: .65rem 0 1.25rem; font-size: clamp(3.25rem, 12vw, 7.5rem); line-height: .92; letter-spacing: -.045em; }
.esl-home-discovery-hero > p:not(.esl-kicker) { max-width: 48rem; color: var(--esl-ink-soft); font: clamp(1.12rem, 3vw, 1.45rem)/1.55 var(--esl-serif); }
.esl-home-discovery-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.esl-button--secondary { border-color: var(--esl-ink); background: transparent; color: var(--esl-ink); }
.esl-button--secondary:hover { border-color: var(--esl-accent-dark); background: var(--esl-accent-dark); color: #fff; }

.esl-search-tool .esl-filter-panel--below.is-open { max-height: 200rem; overflow: visible; }
.esl-filter-group { min-width: 0; padding: 1rem .65rem; margin: 0; border: 0; border-bottom: 1px solid var(--esl-rule); }
.esl-filter-group legend { padding: 0; margin-bottom: .7rem; color: var(--esl-muted); font-size: .66rem; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; }
.esl-filter-chips { display: flex; flex-wrap: wrap; gap: .4rem; }
.esl-filter-chips label { position: relative; margin: 0; cursor: pointer; }
.esl-filter-chips input { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.esl-filter-chips span { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: .55rem .72rem; border: 1px solid var(--esl-rule-strong); border-radius: 999px; color: var(--esl-ink-soft); font-size: .7rem; font-weight: 680; line-height: 1.1; pointer-events: none; text-transform: none; transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease; }
.esl-filter-chips input:checked + span { border-color: var(--esl-ink); background: var(--esl-ink); color: var(--esl-paper); }
.esl-filter-chips input:focus-visible + span { outline: 2px solid var(--esl-accent); outline-offset: 2px; }
.esl-discovery-form__actions a { display: inline-flex; min-height: 44px; align-items: center; font-size: .76rem; font-weight: 740; text-underline-offset: .22em; }
.esl-result-count { flex: 0 0 auto; margin: .35rem 0 0; color: var(--esl-muted); font-size: .72rem; font-weight: 700; white-space: nowrap; }
.esl-books-results .esl-section-head p:not(.esl-kicker) { max-width: 34rem; margin-top: .55rem; color: var(--esl-muted); }

@media (min-width: 48rem) {
  .esl-home-discovery-hero { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(18rem, .55fr); column-gap: clamp(2rem, 6vw, 6rem); }
  .esl-home-discovery-hero .esl-kicker,
  .esl-home-discovery-hero h1 { grid-column: 1; }
  .esl-home-discovery-hero > p:not(.esl-kicker),
  .esl-home-discovery-hero__actions { grid-column: 2; }
  .esl-home-discovery-hero > p:not(.esl-kicker) { grid-row: 2; align-self: end; }
  .esl-home-discovery-hero__actions { grid-row: 3; align-self: start; }
  .esl-search-tool .esl-filter-panel--below.is-open { grid-template-columns: repeat(3, minmax(0, 1fr)); max-height: 200rem; }
}

@media (max-width: 22rem) {
  .esl-home-discovery-hero h1 { font-size: 2.8rem; }
  .esl-home-discovery-hero__actions .esl-button { width: 100%; }
}
.esl-home-rail { overflow-x: clip; }
body.home { overflow-x: clip; }
@media (max-width: 30rem) {
  .esl-pagination__links .page-numbers:not(.prev):not(.next):not(.current) { display: none; }
  .esl-pagination .prev, .esl-pagination .next { margin: 0; flex: 1 1 6rem; }
  .esl-pagination .page-numbers.current { color: var(--esl-ink); background: transparent; border-color: var(--esl-accent); }
}

/* Radar premium hub: scoped editorial hierarchy, chronology and responsive rhythm. */
.esl-radar-premium { padding-bottom: clamp(4rem, 9vw, 8rem); }
.esl-radar-premium__masthead { display: grid; gap: 2rem; padding-block: clamp(3.25rem, 8vw, 7.5rem) clamp(3rem, 7vw, 6.5rem); border-bottom: 1px solid var(--esl-rule-strong); }
.esl-radar-premium__masthead h1 { margin: 1rem 0 0; color: var(--esl-ink); font: 560 clamp(4.15rem, 15vw, 11rem)/.78 var(--esl-serif); letter-spacing: -.065em; }
.esl-radar-premium__intro { max-width: 34rem; align-self: end; }
.esl-radar-premium__promise { max-width: 30rem; margin: 0 0 1rem; font: 520 clamp(1.45rem, 3.5vw, 2.35rem)/1.08 var(--esl-serif); letter-spacing: -.025em; }
.esl-radar-premium__intro > p:last-child { max-width: 30rem; margin: 0; color: var(--esl-muted); font-size: .88rem; line-height: 1.55; }
.esl-radar-premium__lead { padding-block: clamp(2.5rem, 6vw, 5.5rem) clamp(4rem, 9vw, 8rem); }
.esl-radar-premium__section-label { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.2rem; color: var(--esl-muted); font: 720 .68rem/1 var(--esl-sans); letter-spacing: .1em; text-transform: uppercase; }
.esl-radar-premium__section-label span:first-child { color: var(--esl-accent-dark); }
.esl-radar-premium__section-label span + span { padding-left: 1rem; border-left: 1px solid var(--esl-rule-strong); }
.esl-radar-premium .esl-radar-card--lead { gap: clamp(1.25rem, 4vw, 4.5rem); padding-bottom: 0; border-bottom: 0; }
.esl-radar-premium .esl-radar-card--lead .esl-radar-card__image { background: var(--esl-paper-deep); }
.esl-radar-premium .esl-radar-card--lead .esl-radar-card__image img { aspect-ratio: 16 / 9; }
.esl-radar-premium .esl-radar-card--lead .esl-radar-card__body { align-self: center; padding-top: 0; }
.esl-radar-premium .esl-radar-card--lead h2 { max-width: 13ch; margin: .55rem 0 1rem; font-size: clamp(2.35rem, 4.6vw, 4.8rem); line-height: .95; letter-spacing: -.045em; }
.esl-radar-premium .esl-radar-card--lead .esl-radar-card__excerpt { max-width: 31rem; color: var(--esl-ink-soft); font: 1.08rem/1.52 var(--esl-serif); }
.esl-radar-premium .esl-radar-card__body > .esl-kicker, .esl-radar-premium .esl-radar-card__body > .h3, .esl-radar-premium .esl-radar-card__body > h3 { display: block; }
.esl-radar-premium__secondary { padding-block: clamp(3rem, 7vw, 6.5rem); border-top: 1px solid var(--esl-ink); }
.esl-radar-premium__section-head { display: flex; gap: 1.5rem; align-items: baseline; justify-content: space-between; padding-bottom: 1.3rem; }
.esl-radar-premium__section-head h2 { margin: 0; font-size: clamp(2rem, 4.5vw, 3.8rem); letter-spacing: -.035em; }
.esl-radar-premium__secondary-grid { display: grid; gap: 2.5rem 1.35rem; }
.esl-radar-premium .esl-radar-card--secondary { padding-top: 1.15rem; border-top: 1px solid var(--esl-rule-strong); }
.esl-radar-premium .esl-radar-card--secondary .esl-radar-card__image img { aspect-ratio: 1.25 / 1; }
.esl-radar-premium .esl-radar-card--secondary h3, .esl-radar-premium .esl-radar-card--archive h3 { margin: .5rem 0 .7rem; font: 540 clamp(1.45rem, 2.5vw, 2.35rem)/1.02 var(--esl-serif); letter-spacing: -.025em; }
.esl-radar-premium .esl-radar-card--secondary .esl-radar-card__excerpt { color: var(--esl-muted); font-size: .88rem; }
.esl-radar-premium .esl-radar-card__meta { margin-top: 1rem; }
.esl-radar-premium__archive { padding-top: clamp(3rem, 7vw, 6rem); border-top: 1px solid var(--esl-ink); }
.esl-radar-premium__archive-list { border-top: 1px solid var(--esl-rule-strong); }
.esl-radar-premium__month { display: flex; align-items: center; gap: 1rem; padding: 1.3rem 0 .65rem; color: var(--esl-accent-dark); font: 720 .7rem/1 var(--esl-sans); letter-spacing: .1em; text-transform: uppercase; }
.esl-radar-premium__month::after { height: 1px; flex: 1; background: var(--esl-rule); content: ''; }
.esl-radar-premium .esl-radar-card--archive { border-bottom: 1px solid var(--esl-rule-strong); }
.esl-radar-premium .esl-radar-card--archive { display: grid; gap: 1.25rem; padding-block: 1.4rem 1.8rem; color: inherit; }
.esl-radar-premium .esl-radar-card--archive .esl-radar-card__image:hover img, .esl-radar-premium .esl-radar-card--archive .esl-radar-card__image:focus-visible img { transform: scale(1.025); }
.esl-radar-premium .esl-radar-card--archive .esl-radar-card__image { background: var(--esl-paper-deep); }
.esl-radar-premium .esl-radar-card--archive .esl-radar-card__image img { aspect-ratio: 16 / 9; transition: transform 220ms var(--esl-ease); }
.esl-radar-premium .esl-radar-card--archive .esl-radar-card__body { display: block; padding-top: 0; }
.esl-radar-premium .esl-radar-card--archive .esl-radar-card__excerpt { display: block; max-width: 44rem; color: var(--esl-muted); font-size: .9rem; line-height: 1.5; }
.esl-radar-premium .esl-radar-card--archive .esl-text-link { display: inline-block; margin-top: 1rem; }
.esl-radar-premium .esl-radar-card--archive .esl-radar-card__image:focus-visible { outline: 3px solid var(--esl-focus); outline-offset: 5px; }
@media (min-width: 48rem) {
  .esl-radar-premium__masthead { grid-template-columns: minmax(0, 1.2fr) minmax(19rem, .8fr); align-items: end; column-gap: clamp(3rem, 9vw, 9rem); }
  .esl-radar-premium .esl-radar-card--lead { grid-template-columns: minmax(0, 1.18fr) minmax(19rem, .82fr); align-items: center; }
  .esl-radar-premium__secondary-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .esl-radar-premium .esl-radar-card--archive { grid-template-columns: minmax(15rem, 24rem) minmax(0, 1fr); column-gap: clamp(1.5rem, 4vw, 4rem); align-items: center; }
  .esl-radar-premium .esl-radar-card--archive .esl-radar-card__body { padding-top: 0; }
  .esl-radar-premium .esl-radar-card--archive.esl-radar-card--no-image { grid-template-columns: 1fr; }
}
@media (min-width: 70rem) {
  .esl-radar-premium__masthead { padding-right: clamp(2rem, 5vw, 7rem); }
  .esl-radar-premium .esl-radar-card--lead .esl-radar-card__image img { aspect-ratio: 16 / 9; }
  .esl-radar-premium .esl-radar-card--archive { padding-block: 1.8rem 2.2rem; }
}
@media (max-width: 47.99rem) {
  .esl-radar-premium__section-head { display: block; }
  .esl-radar-premium__section-head h2 { margin-top: .45rem; }
  .esl-radar-premium .esl-radar-card--secondary .esl-radar-card__image img { aspect-ratio: 1.42 / 1; }
}
@media (max-width: 22rem) {
  .esl-radar-premium__masthead h1 { font-size: 3.75rem; }
  .esl-radar-premium__promise { font-size: 1.35rem; }
}
@media (prefers-reduced-motion: reduce) {
  .esl-radar-premium .esl-radar-card__image img { transition: none; }
}

.esl-radar-card__topic { color: inherit; text-decoration: underline; text-decoration-color: var(--esl-accent-dark); text-underline-offset: .18em; }
.esl-radar-topics { margin-top: clamp(4rem, 9vw, 8rem); padding-top: clamp(2.5rem, 6vw, 5rem); border-top: 2px solid var(--esl-ink); }
.esl-radar-topics__grid { display: grid; gap: 1rem; }
.esl-radar-topic-card { min-width: 0; padding: 1.35rem 0 1.65rem; border-bottom: 1px solid var(--esl-rule-strong); }
.esl-radar-topic-card .esl-kicker { margin-bottom: .7rem; }
.esl-radar-topic-card .esl-kicker a { color: inherit; text-decoration: underline; text-decoration-color: var(--esl-accent-dark); text-underline-offset: .18em; }
.esl-radar-topic-card > p:not(.esl-kicker) { max-width: 30rem; color: var(--esl-muted); }
.esl-radar-topic-card h3 { max-width: 28ch; margin: 1.2rem 0 .4rem; font: 540 clamp(1.35rem, 2vw, 2rem)/1.04 var(--esl-serif); }
.esl-radar-topic-card h3 a { color: inherit; text-decoration: none; }
.esl-radar-topic-card h3 a:hover, .esl-radar-topic-card h3 a:focus-visible { text-decoration: underline; text-underline-offset: .12em; }
.esl-radar-topic-card__date { color: var(--esl-muted); font: 650 .72rem/1.3 var(--esl-sans); text-transform: uppercase; }
.esl-radar-topic-archive { padding-bottom: clamp(4rem, 9vw, 8rem); }
.esl-radar-topic-archive__header { max-width: 48rem; padding-block: clamp(3rem, 8vw, 6rem) 3rem; }
.esl-radar-topic-archive__header h1 { max-width: 14ch; margin: .55rem 0 1rem; font-size: clamp(2.8rem, 8vw, 6rem); line-height: .95; letter-spacing: -.045em; }
.esl-radar-topic-archive__header > p:not(.esl-kicker) { max-width: 38rem; color: var(--esl-muted); font: 1.2rem/1.5 var(--esl-serif); }
.esl-radar-topic-archive__header .esl-text-link { display: inline-block; margin-top: 1.35rem; }
.esl-radar-topic-archive__grid { display: grid; gap: 2rem 1.5rem; border-top: 1px solid var(--esl-ink); }
.esl-radar-topic-archive__grid .esl-radar-card--archive { min-width: 0; padding-top: 1.25rem; border-bottom: 1px solid var(--esl-rule-strong); }
@media (min-width: 48rem) {
  .esl-radar-topics__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 2rem; }
  .esl-radar-topic-archive__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem 1.5rem; }
}
@media (min-width: 80rem) { .esl-radar-topics__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 2rem; } }

/* Home desktop density and genre expansion. Mobile keeps the previous compact presentation. */
.esl-genres-desktop { display: none; }
.esl-home-route-mobile { display: block; }
@media (max-width: 47.99rem) {
  .esl-home-reading-expanded .esl-book-card:nth-child(n+7) { display: none; }
}
@media (min-width: 48rem) {
  .esl-genres-desktop { display: block; }
  .esl-genres-mobile { display: none; }
  .esl-home-route-mobile { display: none; }
  .esl-home-radar__intro { max-width: none; white-space: nowrap; }
  .esl-home-genre-sections { border-top: 1px solid var(--esl-rule-strong); }
  .esl-home-genre-section { display: grid; grid-template-columns: minmax(17rem, .55fr) minmax(0, 1.45fr); gap: clamp(2rem, 4vw, 4rem); align-items: start; padding-block: 2.5rem 3rem; border-bottom: 1px solid var(--esl-rule); }
  .esl-home-genre-section .esl-genre-link { grid-template-columns: 2.6rem minmax(0, 1fr) auto; min-height: 0; border-bottom: 0; align-items: start; }
  .esl-home-genre-section .esl-genre-link > span { padding-top: .45rem; }
  .esl-home-genre-section .esl-genre-link strong { font-size: clamp(2rem, 2.7vw, 3.2rem); }
  .esl-home-genre-section .esl-genre-link small { grid-column: 2 / -1; display: block; max-width: 26rem; margin-top: .45rem; font-size: .92rem; line-height: 1.45; }
  .esl-home-genre-books { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.25rem 1.25rem; }
  .esl-home-genre-empty { align-self: center; max-width: 34rem; margin: 0; color: var(--esl-muted); font: 1.05rem/1.5 var(--esl-serif); }
}
@media (min-width: 75rem) {
  .esl-reading-now .esl-book-shelf { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Home reading loop: continuous, draggable and self-updating through the latest-published query. */
.esl-reading-slider__heading { align-items: end; }
.esl-reading-slider__actions { display: flex; flex-wrap: wrap; gap: .8rem 1.2rem; align-items: center; justify-content: flex-end; }
.esl-reading-slider__controls { display: flex; gap: .45rem; }
.esl-reading-slider__controls button { width: 2.8rem; height: 2.8rem; border: 1px solid var(--esl-rule-strong); border-radius: 50%; background: transparent; cursor: pointer; font: 600 1.05rem/1 var(--esl-sans); }
.esl-reading-slider__controls button:hover, .esl-reading-slider__controls button:focus-visible { border-color: var(--esl-ink); background: var(--esl-ink); color: var(--esl-paper); }
.esl-reading-slider__viewport { overflow-x: auto; overflow-y: hidden; margin-top: 1.6rem; scrollbar-width: none; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; cursor: grab; }
.esl-reading-slider__viewport::-webkit-scrollbar { display: none; }
.esl-reading-slider__viewport.is-dragging { cursor: grabbing; user-select: none; }
.esl-reading-slider__track { display: flex; width: max-content; }
.esl-reading-slider__set { display: flex; flex: none; gap: 1rem; padding-right: 1rem; }
.esl-reading-slider__item { flex: 0 0 76vw; width: 76vw; max-width: 22rem; }
.esl-reading-slider__item .esl-book-card { width: 100%; }
@media (min-width: 48rem) {
  .esl-reading-slider__set { gap: 1.35rem; padding-right: 1.35rem; }
  .esl-reading-slider__item { flex-basis: min(29vw, 23rem); width: min(29vw, 23rem); max-width: none; }
}
@media (min-width: 75rem) {
  .esl-reading-slider__item { flex-basis: 23rem; width: 23rem; }
}

/* Only surface a genre once three published books are available. */
.esl-home-genres .esl-home-genre-sections { border-top: 1px solid var(--esl-rule-strong); }
.esl-home-genres .esl-home-genre-section { padding-block: 1.25rem; border-bottom: 1px solid var(--esl-rule); }
.esl-home-genres .esl-home-genre-books { display: none; }
.esl-home-genres .esl-genre-link { min-height: 7rem; }
@media (min-width: 48rem) {
  .esl-home-genres .esl-home-genre-section { display: grid; grid-template-columns: minmax(17rem, .55fr) minmax(0, 1.45fr); gap: clamp(2rem, 4vw, 4rem); align-items: start; padding-block: 2.5rem 3rem; }
  .esl-home-genres .esl-home-genre-section .esl-genre-link { grid-template-columns: 2.6rem minmax(0, 1fr) auto; min-height: 0; border-bottom: 0; align-items: start; }
  .esl-home-genres .esl-home-genre-section .esl-genre-link > span { padding-top: .45rem; }
  .esl-home-genres .esl-home-genre-section .esl-genre-link strong { font-size: clamp(2rem, 2.7vw, 3.2rem); }
  .esl-home-genres .esl-home-genre-section .esl-genre-link small { grid-column: 2 / -1; display: block; max-width: 26rem; margin-top: .45rem; font-size: .92rem; line-height: 1.45; }
  .esl-home-genres .esl-home-genre-books { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.25rem 1.25rem; }
  .esl-home-radar__intro { max-width: none; white-space: nowrap; }
}