.patternpaste-designed-chapter {
  --ppch-rule: var(--pp-rule);
  --patternpaste-chapter-navigation-ground: var(--pp-ground);
  --patternpaste-chapter-navigation-ink: var(--pp-ink);
}
.patternpaste-designed-chapter[data-treatment="designed"] {
  --ppch-rule: #76616e;
  --patternpaste-chapter-navigation-ground: #f3eee5;
  --patternpaste-chapter-navigation-ink: #442d3c;
  font-family: Arial, Helvetica, sans-serif;
}
.patternpaste-designed-chapter[data-treatment="designed"]:not(.has-background) { background: #f3eee5; }
.patternpaste-designed-chapter[data-treatment="designed"]:not(.has-text-color) { color: #442d3c; }
.patternpaste-designed-chapter[data-treatment="inherit"]:not([class*="is-style-"]):not(.has-background) { background: transparent; }
.patternpaste-designed-chapter[data-treatment="inherit"]:not([class*="is-style-"]):not(.has-text-color) { color: inherit; }
.patternpaste-designed-chapter .patternpaste-designed-layout { max-width: var(--wp--style--global--wide-size, 1280px); }
.patternpaste-designed-chapter :is(.patternpaste-chapter-rail, .patternpaste-chapter-chapters, .patternpaste-chapter-chapter, .patternpaste-chapter-opening, .patternpaste-chapter-copy, .patternpaste-chapter-details, .patternpaste-chapter-detail) { min-width: 0; }
.patternpaste-designed-chapter .patternpaste-chapter-chapters { display: grid; gap: var(--patternpaste-designed-block-gap, clamp(48px, 8cqi, 100px)); }
.patternpaste-designed-chapter .patternpaste-chapter-chapter { display: grid; gap: var(--patternpaste-designed-block-gap, 0); }
.patternpaste-designed-chapter .patternpaste-chapter-rail {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--patternpaste-designed-block-gap, 18px);
  padding-block: 0 20px;
  border-bottom: 1px solid var(--ppch-rule);
}
.patternpaste-designed-chapter :is(.patternpaste-chapter-return, .patternpaste-chapter-issue, .patternpaste-chapter-kicker, .patternpaste-chapter-label) {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.patternpaste-designed-chapter .patternpaste-chapter-return a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .3em; }
:root:not(:has(.editor-styles-wrapper)) .patternpaste-designed-chapter .patternpaste-chapter-rail:not(:has(p:not(:empty))) { display: none; }
.patternpaste-designed-chapter .patternpaste-chapter-opening {
  display: grid;
  grid-template-columns: minmax(0, .38fr) minmax(0, 1fr);
  align-items: start;
  gap: var(--patternpaste-designed-block-gap, clamp(28px, 6cqi, 84px));
  padding-block: clamp(36px, 6cqi, 84px) clamp(40px, 7cqi, 96px);
}
.patternpaste-designed-chapter .patternpaste-chapter-opening:not(:has(.patternpaste-chapter-number:not(:empty))) { grid-template-columns: 1fr; }
.patternpaste-designed-chapter .patternpaste-chapter-number {
  font-size: clamp(64px, 14cqi, 190px);
  line-height: .8;
  letter-spacing: -.075em;
}
.patternpaste-designed-chapter .patternpaste-chapter-copy {
  display: grid;
  gap: var(--patternpaste-designed-block-gap, clamp(22px, 3.5cqi, 48px));
}
.patternpaste-designed-chapter .patternpaste-chapter-heading {
  font-size: clamp(54px, 11.8cqi, 158px);
  line-height: .88;
  letter-spacing: -.06em;
  overflow-wrap: anywhere;
}
.patternpaste-designed-chapter .patternpaste-chapter-lede {
  max-width: 43ch;
  font-size: clamp(17px, 1.85cqi, 23px);
  line-height: 1.5;
}
.patternpaste-designed-chapter .patternpaste-chapter-read-link { font-size: 15px; line-height: 1.5; }
.patternpaste-designed-chapter .patternpaste-chapter-read-link a { color: inherit; text-underline-offset: .3em; text-decoration-thickness: 1px; }
.patternpaste-designed-chapter .patternpaste-chapter-details {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--patternpaste-designed-block-gap, clamp(20px, 3.5cqi, 48px));
  border-top: 1px solid var(--ppch-rule);
  padding-top: 24px;
}
.patternpaste-designed-chapter .patternpaste-chapter-detail {
  display: grid;
  align-content: start;
  gap: var(--patternpaste-designed-block-gap, 10px);
}
.patternpaste-designed-chapter .patternpaste-chapter-value { font-size: clamp(16px, 1.7cqi, 21px); line-height: 1.4; }
.patternpaste-designed-chapter[data-treatment="designed"] :is(.patternpaste-chapter-heading, .patternpaste-chapter-number, .patternpaste-chapter-value) { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; }
.patternpaste-designed-chapter[data-treatment="designed"] :is(.patternpaste-chapter-rail, .patternpaste-chapter-copy, .patternpaste-chapter-detail) :where(p, h2):not(.has-text-color) { color: inherit; }
/* Transparent theme surfaces keep Global Styles heading ink. An explicit owner
   foreground on the section or a Group still reaches its uncoloured content. */
:is(.patternpaste-designed-chapter.has-text-color, .patternpaste-designed-chapter .has-text-color) :where(p, h2):not(.has-text-color) { color: inherit; }

/* Group's editor wrapper is the actual layout box when core supplies another level. */
.editor-styles-wrapper .patternpaste-designed-chapter :is(.patternpaste-chapter-rail, .patternpaste-chapter-chapters, .patternpaste-chapter-chapter, .patternpaste-chapter-opening, .patternpaste-chapter-copy, .patternpaste-chapter-details, .patternpaste-chapter-detail):has(> .block-editor-inner-blocks),
.editor-styles-wrapper .patternpaste-designed-chapter :is(.patternpaste-chapter-rail, .patternpaste-chapter-chapters, .patternpaste-chapter-chapter, .patternpaste-chapter-opening, .patternpaste-chapter-copy, .patternpaste-chapter-details, .patternpaste-chapter-detail):has(> .block-editor-block-list__layout:not(.wp-block)) { display: block; }
.editor-styles-wrapper .patternpaste-designed-chapter :is(.patternpaste-chapter-rail, .patternpaste-chapter-chapters, .patternpaste-chapter-chapter, .patternpaste-chapter-opening, .patternpaste-chapter-copy, .patternpaste-chapter-details, .patternpaste-chapter-detail) > .block-editor-inner-blocks > .block-editor-block-list__layout,
.editor-styles-wrapper .patternpaste-designed-chapter :is(.patternpaste-chapter-rail, .patternpaste-chapter-chapters, .patternpaste-chapter-chapter, .patternpaste-chapter-opening, .patternpaste-chapter-copy, .patternpaste-chapter-details, .patternpaste-chapter-detail) > .block-editor-block-list__layout:not(.wp-block) { display: grid; gap: var(--patternpaste-designed-block-gap, 24px); }
.editor-styles-wrapper .patternpaste-designed-chapter .patternpaste-chapter-chapters > .block-editor-inner-blocks > .block-editor-block-list__layout,
.editor-styles-wrapper .patternpaste-designed-chapter .patternpaste-chapter-chapters > .block-editor-block-list__layout:not(.wp-block) { gap: var(--patternpaste-designed-block-gap, clamp(48px, 8cqi, 100px)); }
.editor-styles-wrapper .patternpaste-designed-chapter .patternpaste-chapter-chapter > .block-editor-inner-blocks > .block-editor-block-list__layout,
.editor-styles-wrapper .patternpaste-designed-chapter .patternpaste-chapter-chapter > .block-editor-block-list__layout:not(.wp-block) { gap: var(--patternpaste-designed-block-gap, 0); }
.editor-styles-wrapper .patternpaste-designed-chapter .patternpaste-chapter-rail > .block-editor-inner-blocks > .block-editor-block-list__layout,
.editor-styles-wrapper .patternpaste-designed-chapter .patternpaste-chapter-rail > .block-editor-block-list__layout:not(.wp-block) { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: var(--patternpaste-designed-block-gap, 18px); }
.editor-styles-wrapper .patternpaste-designed-chapter .patternpaste-chapter-opening > .block-editor-inner-blocks > .block-editor-block-list__layout,
.editor-styles-wrapper .patternpaste-designed-chapter .patternpaste-chapter-opening > .block-editor-block-list__layout:not(.wp-block) { grid-template-columns: minmax(0, .38fr) minmax(0, 1fr); align-items: start; gap: var(--patternpaste-designed-block-gap, clamp(28px, 6cqi, 84px)); }
.editor-styles-wrapper .patternpaste-designed-chapter .patternpaste-chapter-copy > .block-editor-inner-blocks > .block-editor-block-list__layout,
.editor-styles-wrapper .patternpaste-designed-chapter .patternpaste-chapter-copy > .block-editor-block-list__layout:not(.wp-block) { gap: var(--patternpaste-designed-block-gap, clamp(22px, 3.5cqi, 48px)); }
.editor-styles-wrapper .patternpaste-designed-chapter .patternpaste-chapter-details > .block-editor-inner-blocks > .block-editor-block-list__layout,
.editor-styles-wrapper .patternpaste-designed-chapter .patternpaste-chapter-details > .block-editor-block-list__layout:not(.wp-block) { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--patternpaste-designed-block-gap, clamp(20px, 3.5cqi, 48px)); }
.editor-styles-wrapper .patternpaste-designed-chapter .patternpaste-chapter-detail > .block-editor-inner-blocks > .block-editor-block-list__layout,
.editor-styles-wrapper .patternpaste-designed-chapter .patternpaste-chapter-detail > .block-editor-block-list__layout:not(.wp-block) { gap: var(--patternpaste-designed-block-gap, 10px); }
.editor-styles-wrapper .patternpaste-designed-chapter .patternpaste-chapter-opening:not(:has(.patternpaste-chapter-number:not(:empty))) > .block-editor-inner-blocks > .block-editor-block-list__layout,
.editor-styles-wrapper .patternpaste-designed-chapter .patternpaste-chapter-opening:not(:has(.patternpaste-chapter-number:not(:empty))) > .block-editor-block-list__layout:not(.wp-block) { grid-template-columns: 1fr; }

/* The reader adds a real sticky index beside continuous native content. Its
   layout occupies only its content height: no pin spacer or fixed reading stage. */
.patternpaste-designed-chapter .patternpaste-chapter-reader {
  display: grid;
  grid-template-columns: minmax(0, .3fr) minmax(0, 1fr);
  align-items: start;
  gap: var(--patternpaste-designed-block-gap, clamp(32px, 7cqi, 96px));
  padding-top: clamp(32px, 5cqi, 68px);
}
.patternpaste-designed-chapter .patternpaste-chapter-controls {
  --patternpaste-chapter-compact: 0;
  position: sticky;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 24px);
  display: grid;
  align-items: start;
  gap: 24px;
  min-width: 0;
  max-height: calc(100svh - var(--wp-admin--admin-bar--height, 0px) - 48px);
  overflow-y: auto;
  padding: 5px 5px 8px;
  margin: -5px -5px -8px;
}
.patternpaste-designed-chapter .patternpaste-chapter-nav-caption { font-size: 14px; line-height: 1.5; letter-spacing: .1em; }
.patternpaste-designed-chapter .patternpaste-chapter-current-number { font-size: clamp(74px, 15cqi, 200px); line-height: .85; letter-spacing: -.075em; overflow-wrap: anywhere; }
.patternpaste-designed-chapter .patternpaste-chapter-position { font-size: 14px; line-height: 1.5; font-variant-numeric: tabular-nums; }
.patternpaste-designed-chapter .patternpaste-chapter-contents {
  display: grid;
  min-width: 0;
}
.patternpaste-designed-chapter .patternpaste-chapter-selector {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: baseline;
  gap: 12px;
  min-width: 0;
  min-height: 44px;
  width: 100%;
  margin: 0;
  padding: 14px 0;
  border: 0;
  border-bottom: 1px solid var(--ppch-rule);
  border-radius: 0;
  background: transparent;
  color: inherit;
  box-shadow: none;
  text-align: start;
  text-decoration: none;
  font: inherit;
}
.patternpaste-designed-chapter .patternpaste-chapter-selector-number { font-size: 14px; line-height: 1.5; font-variant-numeric: tabular-nums; }
.patternpaste-designed-chapter .patternpaste-chapter-selector-title { font-size: 18px; line-height: 1.35; overflow-wrap: anywhere; }
.patternpaste-designed-chapter .patternpaste-chapter-selector[aria-current="location"] { box-shadow: inset 0 -2px currentColor; }
.patternpaste-designed-chapter .patternpaste-chapter-selector:focus-visible { outline: 3px solid currentColor; outline-offset: -3px; }
.patternpaste-designed-chapter .patternpaste-chapter-selector:is(:hover, :focus-visible) .patternpaste-chapter-selector-title { text-decoration: underline; text-underline-offset: .2em; }
.patternpaste-designed-chapter[data-treatment="designed"] :is(.patternpaste-chapter-current-number, .patternpaste-chapter-selector-title) { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; }
.patternpaste-designed-chapter .patternpaste-chapter-progress { height: 3px; background: color-mix(in srgb, currentColor 22%, transparent); overflow: hidden; }
.patternpaste-designed-chapter .patternpaste-chapter-progress-fill { display: block; width: 100%; height: 100%; background: currentColor; transform: scaleX(0); transform-origin: left center; }
.patternpaste-designed-chapter .patternpaste-chapter-scroll-cue { font-size: 14px; line-height: 1.5; }
.patternpaste-designed-chapter .patternpaste-chapter-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.patternpaste-designed-chapter .patternpaste-chapter-reader .patternpaste-chapter-opening { grid-template-columns: 1fr; gap: var(--patternpaste-designed-block-gap, 24px); padding-top: 0; }
.patternpaste-designed-chapter .patternpaste-chapter-reader .patternpaste-chapter-number { font-size: clamp(28px, 3.6cqi, 46px); line-height: 1; letter-spacing: -.035em; }
.patternpaste-designed-chapter .patternpaste-chapter-reader .patternpaste-chapter-heading { scroll-margin-top: var(--patternpaste-chapter-reading-offset, 160px); }
.patternpaste-designed-chapter .patternpaste-chapter-reader .patternpaste-chapter-heading:focus-visible { outline: 2px solid currentColor; outline-offset: 8px; }

@container (max-width: 800px) {
  .patternpaste-designed-chapter .patternpaste-chapter-reader { grid-template-columns: 1fr; gap: var(--patternpaste-designed-block-gap, 36px); padding-top: 0; }
  .patternpaste-designed-chapter .patternpaste-chapter-controls {
    --patternpaste-chapter-compact: 1;
    z-index: 2;
    top: var(--wp-admin--admin-bar--height, 0px);
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 16px;
    max-height: min(38svh, 180px);
    margin: 0;
    padding: 12px 0;
    background: var(--patternpaste-chapter-navigation-ground);
    color: var(--patternpaste-chapter-navigation-ink);
  }
  .patternpaste-designed-chapter .patternpaste-chapter-controls :is(.patternpaste-chapter-nav-caption, .patternpaste-chapter-current-number) { display: none; }
  .patternpaste-designed-chapter .patternpaste-chapter-position { grid-column: 2; grid-row: 1; }
  .patternpaste-designed-chapter .patternpaste-chapter-scroll-cue { grid-column: 1; grid-row: 1; }
  .patternpaste-designed-chapter .patternpaste-chapter-contents { grid-column: 1 / -1; grid-row: 2; display: flex; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; gap: 18px; }
  .patternpaste-designed-chapter .patternpaste-chapter-selector { flex: 0 0 min(210px, 75cqi); align-items: center; gap: 10px; padding: 8px 0; }
  .patternpaste-designed-chapter .patternpaste-chapter-selector-title { font-size: 16px; }
  .patternpaste-designed-chapter .patternpaste-chapter-progress { grid-column: 1 / -1; grid-row: 3; }
}

@container (max-width: 650px) {
  .patternpaste-designed-chapter .patternpaste-chapter-opening { grid-template-columns: minmax(0, .2fr) minmax(0, 1fr); gap: var(--patternpaste-designed-block-gap, 20px); }
  .patternpaste-designed-chapter .patternpaste-chapter-heading { font-size: clamp(42px, 13cqi, 84px); }
  .patternpaste-designed-chapter .patternpaste-chapter-number { font-size: clamp(34px, 10cqi, 66px); }
  .patternpaste-designed-chapter .patternpaste-chapter-details { grid-template-columns: 1fr; }
  .patternpaste-designed-chapter .patternpaste-chapter-detail { grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: var(--patternpaste-designed-block-gap, 20px); }
  .editor-styles-wrapper .patternpaste-designed-chapter .patternpaste-chapter-opening > .block-editor-inner-blocks > .block-editor-block-list__layout,
  .editor-styles-wrapper .patternpaste-designed-chapter .patternpaste-chapter-opening > .block-editor-block-list__layout:not(.wp-block) { grid-template-columns: minmax(0, .2fr) minmax(0, 1fr); gap: var(--patternpaste-designed-block-gap, 20px); }
  .editor-styles-wrapper .patternpaste-designed-chapter .patternpaste-chapter-details > .block-editor-inner-blocks > .block-editor-block-list__layout,
  .editor-styles-wrapper .patternpaste-designed-chapter .patternpaste-chapter-details > .block-editor-block-list__layout:not(.wp-block) { grid-template-columns: 1fr; }
  .editor-styles-wrapper .patternpaste-designed-chapter .patternpaste-chapter-detail > .block-editor-inner-blocks > .block-editor-block-list__layout,
  .editor-styles-wrapper .patternpaste-designed-chapter .patternpaste-chapter-detail > .block-editor-block-list__layout:not(.wp-block) { grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: var(--patternpaste-designed-block-gap, 20px); }
}
@container (max-width: 360px) {
  .patternpaste-designed-chapter .patternpaste-chapter-opening { grid-template-columns: 1fr; }
  .patternpaste-designed-chapter .patternpaste-chapter-number { font-size: 44px; }
  .patternpaste-designed-chapter .patternpaste-chapter-heading { font-size: clamp(44px, 18cqi, 64px); }
  .editor-styles-wrapper .patternpaste-designed-chapter .patternpaste-chapter-opening > .block-editor-inner-blocks > .block-editor-block-list__layout,
  .editor-styles-wrapper .patternpaste-designed-chapter .patternpaste-chapter-opening > .block-editor-block-list__layout:not(.wp-block) { grid-template-columns: 1fr; }
}