/* ONE FRAME FOR EVERY PAGE
   Shared measure for The World, The Dreamers, The Works, The Lamps, The Book.
   The Language (Kaeli) is deliberately excluded — she keeps her own room. */
:root{
  --page-top:150px;
  --page-x:6vw;
  --page-max:1240px;
  --measure:760px;
  --section-gap:70px;
  --frame-rule:1px solid #d8b97726;
}
@media(max-width:750px){
  :root{--page-top:192px;--page-x:23px;--section-gap:52px}
}

/* 1 — the same start on every page */
.collection,.dreamers-page,.gb-world,.novel-page{
  padding-top:var(--page-top)!important;
  padding-left:var(--page-x)!important;
  padding-right:var(--page-x)!important;
  padding-bottom:96px;
  max-width:var(--page-max);
  margin-left:auto;margin-right:auto;
}
@media(max-width:750px){
  .collection,.dreamers-page,.gb-world,.novel-page{padding-bottom:72px}
}

/* 2 — one page-opening block: eyebrow, title, lead */
.novel-breadcrumb{display:none}
.gb-heading{text-align:left;max-width:var(--measure);margin:0 0 var(--section-gap)}
.novel-lede-text{padding-top:0}
.gb-heading h1,.novel-lede-text h1{
  font-family:var(--display);
  font-size:clamp(34px,4vw,62px);
  line-height:1.08;
  font-weight:400;
  margin:12px 0 18px;
  color:var(--paper);
}
.novel-lede-text h1 span{margin-top:10px}
.gb-heading>p:not(.eyebrow),.novel-lede-text .novel-lead{
  font-family:var(--serif);
  font-size:23px;
  line-height:1.4;
  color:#b7c0b9;
  max-width:var(--measure);
  margin:0 0 18px;
}
.page-sub,.novel-hook,.dreamer-bridge{max-width:var(--measure)}
@media(max-width:750px){
  .gb-heading h1,.novel-lede-text h1{font-size:35px}
  .gb-heading>p:not(.eyebrow),.novel-lede-text .novel-lead{font-size:21px}
}

/* 3 — one rhythm between sections, one dividing line */
.novel-lede,.novel-plates,.novel-inside,.novel-detail,.novel-close,.novel-gate{
  margin-left:0;margin-right:0;margin-bottom:var(--section-gap);
}
.novel-plates,.novel-inside,.novel-detail,.novel-close,.gb-writing{
  padding-top:var(--section-gap);
  border-top:var(--frame-rule);
}
.novel-world-note{margin-top:var(--section-gap)}
.gb-writing{margin:var(--section-gap) 0 0;max-width:none}
.gb-desk{max-width:none;padding-left:0;padding-right:0}
.gb-field-wrap{text-align:left;max-width:none}
.gb-return{text-align:left;margin:var(--section-gap) 0 0}
.collection-bottom{margin-top:var(--section-gap)}

/* 4 — The Book opens with its cover on the phone: cover first, tappable,
   then eyebrow, title, lead. */
@media(max-width:750px){
  .novel-lede{display:block}
  .novel-lede>.novel-presentation{max-width:290px;margin:0 auto 44px}
  .masthead:has(#novelNav[aria-current="page"]) .music-control{position:static;right:auto;bottom:auto;z-index:auto;background:transparent;border:0;padding:5px 0}
}

/* 5 — the eyebrow sits at the same height on every page */
.gb-heading .eyebrow,.novel-lede-text .eyebrow,.collection>header .eyebrow,.dreamers-page>.eyebrow{margin:0}
/* The Lamps: the field of flames keeps the frame's rhythm, not its own */
.gb-field-wrap{margin:0 0 var(--section-gap)}
.gb-field{min-height:120px;justify-content:flex-start}
.gb-field-count{text-align:left}