.lp-body:has(> .lp-story-offer) { width:min(960px,calc(100% - 2 * var(--lp-page-gutter))); }
.lp-has-breadcrumbs > .lp-shell-breadcrumbs + .lp-story-offer.lp-story-detail-page { padding-top:0; }
.lp-story-offer { display:block; padding-bottom:0; }
.lp-story-offer .lp-story-detail-cover { margin-bottom:0; }
.lp-story-offer-copy { min-width:0; }
.lp-story-localized-title { margin:10px 0 6px; font:400 1.35rem/1.35 var(--lp-serif); }
.lp-edition-cover-fallback { min-height:320px; }
.lp-story-promise { margin:0 0 14px; font-size:17px; line-height:1.55; }
.lp-story-metadata { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.lp-story-metadata .lp-tags { gap:6px; }
.lp-story-duration { display:inline-flex; align-items:center; gap:5px; font-size:14px; color:var(--lp-quiet); }
.lp-story-actions { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 10px; }
.lp-story-access, .lp-story-login { margin:6px 0 0; font-size:14px; line-height:1.5; color:var(--lp-quiet); }
.lp-story-preview { scroll-margin-top:80px; min-width:0; }
.lp-preview-panel { min-width:0; }
.lp-preview-heading-row { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.lp-preview-heading-row h2 { margin:0; }
.lp-preview-free { font-size:12px; font-weight:600; border-radius:30px; background:var(--lp-blue-wash); color:var(--lp-blue); padding:5px 10px; }
.lp-preview-header p { margin:10px 0 0; font-size:15px; line-height:1.55; color:var(--lp-quiet); }
.lp-preview-levels { display:flex; flex-wrap:wrap; gap:6px; width:fit-content; padding:5px; margin:20px 0; border:1px solid var(--lp-line); border-radius:8px; background:var(--lp-surface); }
.lp-preview-levels .lp-button { font-size:14px!important; min-height:40px; }
.lp-preview-levels .lp-button--secondary { border-color:transparent; }
.lp-preview-continue { max-width:none; margin:20px 0 0; padding:24px 28px; border-radius:10px; background:var(--lp-surface); }
.lp-preview-continue h3 { margin:0; }
.lp-preview-continue p { font-size:15px; line-height:1.6; margin:10px 0 14px; }
.lp-preview-continue .lp-small { margin:12px 0 0; font-size:13px; }
.lp-story-preview h2, .lp-story-preview h3, .lp-story-discovery a { overflow-wrap:anywhere; }
.lp-story-actions .lp-button, .lp-preview-levels .lp-button, .lp-preview-continue .lp-button { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.lp-story-discovery ul { display:flex; flex-wrap:wrap; gap:10px; padding:0; list-style:none; }
.lp-story-discovery li { min-width:0; }
.lp-story-discovery a { display:block; padding:10px 14px; border:1px solid var(--lp-line); border-radius:6px; font-size:14px; line-height:1.5; }
@media(max-width:700px) {
  .lp-story-preview { padding-top:24px; }
  .lp-preview-continue { padding:20px; }
  .lp-preview-heading-row h2 { font-size:25px; }
}

.lp-preview-panel .lp-reader-scene-titles h3 { min-width:0; overflow-wrap:anywhere; font:400 26px/1.3 var(--lp-serif); margin:0; }
.lp-preview-panel .lp-bilingual-blocks[data-layout='parallel'] .lp-bilingual-block { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.lp-preview-panel .lp-bilingual-block > div { min-width:0; overflow-wrap:anywhere; }
.lp-preview-panel .lp-bilingual-block p { font:400 19px/1.75 var(--lp-sans); }
.lp-preview-panel .lp-reader-art { margin-top:0; }
.lp-preview-panel .lp-reader-scene-heading[data-layout='target'] .lp-reader-english-title,
.lp-preview-panel .lp-bilingual-blocks[data-layout='target'] .lp-english-block { display:none; }
.lp-preview-panel .lp-reader-scene-heading[data-layout='inline'] .lp-reader-english-title { margin-top:16px; }
.lp-preview-player { margin:0 0 24px; padding:20px; border-radius:8px; background:var(--lp-charcoal); color:#fff; }
.lp-preview-player-track { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:12px; font-size:13px; }
.lp-preview-player-track span { color:#d6d6d2; }
.lp-preview-player .lp-preview-audio { display:block; width:100%; height:44px; }
.lp-preview-player .lp-note { color:#d6d6d2; font-size:13px; margin-bottom:0; }
@media(max-width:650px) {
  .lp-preview-panel .lp-bilingual-blocks[data-layout='parallel'] .lp-bilingual-block { grid-template-columns:minmax(0,1fr); }
  .lp-preview-panel .lp-bilingual-block p { font-size:17px; line-height:1.75; }
  .lp-preview-panel .lp-reader-scene-titles h3 { font-size:23px; }
  .lp-preview-player { padding:14px; }
}

.lp-preview-scene-art img { aspect-ratio:auto; height:auto; object-fit:contain; }
.lp-preview-scene-art img[hidden] { display:none; }

.lp-preview-top { margin-bottom:24px; }
.lp-preview-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; align-items:center; margin-bottom:32px; }
.lp-preview-intro .lp-preview-scene-art { margin:0; }
.lp-preview-options { min-width:0; padding-left:26px; }
.lp-preview-options-label { font-size:15px; font-weight:600; margin:0 0 12px; }
.lp-preview-options .lp-preview-levels { margin:0 0 24px; }
.lp-preview-options .lp-preview-player { margin:0; }
.lp-preview-intro--no-art { grid-template-columns:minmax(0,1fr); }
@media(max-width:750px) {
  .lp-preview-intro { grid-template-columns:minmax(0,1fr); gap:24px; }
  .lp-preview-options { padding-left:0; }
  .lp-story-offer .lp-story-detail-cover-copy h1 { font-size:clamp(32px,8vw,48px); }
  .lp-story-offer .lp-story-detail-cover-copy { padding-bottom:16px; }
  .lp-story-offer .lp-story-detail-cover-author { margin:6px 0 0; font-size:16px; }
  .lp-story-localized-title { font-size:18px; margin:6px 0; }
}

.lp-story-offer .lp-story-detail-cover > picture > img { aspect-ratio:2.35 / 1; height:auto; object-fit:cover; object-position:center; }
.lp-story-offer-info { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; padding:28px 0; }
.lp-story-offer-info .lp-story-offer-copy { width:auto; margin:0; padding:0 0 0 26px; border:0; }
.lp-story-heading { min-width:0; }
.lp-story-heading h1 { margin:0; font:400 clamp(32px,3.5vw,46px)/1.1 var(--lp-serif); }
.lp-story-heading .lp-story-detail-cover-author { color:var(--lp-quiet); text-shadow:none; margin:10px 0 0; font-size:16px; }
@media(max-width:750px) { .lp-story-offer-info { grid-template-columns:minmax(0,1fr); gap:24px; } .lp-story-offer-info .lp-story-offer-copy { padding-left:0; } }

.lp-story-localized-title { display:flex; align-items:center; gap:10px; }
.lp-story-localized-title .lp-flag { width:24px; height:16px; flex:none; }

.lp-story-description { margin:0 0 14px; font-size:17px; line-height:1.6; }
