/* The Chronicle Keepers: shared landing-page and homepage feature styles */
.chronicle-band{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);background:#0b0b0b;border-bottom:1px solid var(--line);overflow:hidden}
.chronicle-band-art{position:relative;padding:clamp(2.5rem,6vw,5rem);display:grid;place-items:center;background:radial-gradient(circle at 50% 44%,rgba(210,31,38,.25),transparent 34%),linear-gradient(145deg,#151515,#050505)}
.chronicle-band-art img{width:min(100%,390px);height:auto;border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 75px rgba(0,0,0,.62);transform:rotate(-1.2deg)}
.chronicle-band-copy{padding:clamp(3rem,7vw,7rem);align-self:center}
.chronicle-band-copy h2{max-width:10ch}
.chronicle-band-copy p{font-size:1.1rem;max-width:58ch;color:#d8d2c8}
.chronicle-band-copy .series-line{font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#fff}
.chronicle-hero{background:radial-gradient(circle at 78% 36%,rgba(210,31,38,.23),transparent 27rem),linear-gradient(135deg,#070707,#161616);border-bottom:1px solid var(--line)}
.chronicle-hero-grid{width:min(calc(100% - 2.5rem),var(--max));margin:auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr);gap:clamp(2rem,6vw,6rem);align-items:center;padding:clamp(4rem,8vw,8rem) 0}
.chronicle-hero h1{font-size:clamp(4rem,9vw,8.5rem);max-width:9ch}
.chronicle-cover{position:relative}
.chronicle-cover:before{content:"";position:absolute;inset:8% -8% -7% 12%;background:linear-gradient(145deg,rgba(210,31,38,.68),rgba(255,255,255,.04));transform:rotate(4deg)}
.chronicle-cover img{position:relative;width:min(100%,430px);margin:auto;border:1px solid rgba(255,255,255,.2);box-shadow:0 35px 85px rgba(0,0,0,.65)}
.chronicle-deck{font-size:clamp(1.2rem,2vw,1.55rem);max-width:48ch;color:#ddd7cc}
.chronicle-rule{display:flex;align-items:center;gap:.8rem;margin:1.5rem 0;color:#c8c1b7;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em}
.chronicle-rule:before{content:"";width:72px;height:5px;background:var(--red);transform:skew(-12deg)}
.chronicle-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.chronicle-fact{padding:1.25rem;background:#111;min-height:145px}
.chronicle-fact strong{display:block;color:var(--red);font:900 1.7rem/1 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase;margin-bottom:.55rem}
.chronicle-fact span{color:#d5cfc5}
.chronicle-quote{padding:clamp(2.2rem,6vw,5rem);background:var(--paper);color:var(--ink);border-left:8px solid var(--red)}
.chronicle-quote p{font:900 clamp(2rem,4vw,4.2rem)/1 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase;max-width:17ch;margin:0}
.chronicle-status{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-top:1.5rem}
.status-pill{display:inline-flex;padding:.45rem .65rem;border:1px solid rgba(255,255,255,.28);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#ddd7cc}.status-pill.live{background:var(--red);border-color:var(--red);color:#fff}.launch-badge{position:absolute;top:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem);z-index:3;background:var(--red);color:#fff;border:1px solid rgba(255,255,255,.35);box-shadow:0 14px 34px rgba(0,0,0,.35);padding:.75rem .9rem;font:900 .82rem/1 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase;letter-spacing:.12em;transform:rotate(2deg)}
@media(max-width:900px){.chronicle-band,.chronicle-hero-grid{grid-template-columns:1fr}.chronicle-band-art{padding-block:3rem}.chronicle-hero-grid{width:min(calc(100% - 2rem),var(--max))}.chronicle-cover{order:-1}.chronicle-cover img{width:min(78vw,390px)}.chronicle-facts{grid-template-columns:1fr}}
@media(max-width:560px){.chronicle-band-copy{padding:3rem 1.25rem}.chronicle-band-art{padding-inline:1.25rem}.chronicle-hero-grid{width:min(calc(100% - 1.5rem),var(--max));padding-top:3rem}.chronicle-hero h1{font-size:clamp(3.6rem,17vw,5.5rem)}}


/* Launch-readiness additions */
.chronicle-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}
.button.is-disabled{opacity:.56;cursor:not-allowed;pointer-events:none;user-select:none}
.publication-facts .chronicle-fact span{line-height:1.55}
@media(max-width:560px){.chronicle-actions .button{width:100%;text-align:center}.launch-badge{top:.75rem;right:.75rem;font-size:.72rem}}

/* Cover-ratio guard: keep The Deadline Plate artwork at its real 800 × 1208 proportions. */
.chronicle-cover{
  display:grid;
  place-items:center;
  width:min(100%,430px);
  margin-inline:auto;
  isolation:isolate;
}
.chronicle-band-art img,
.chronicle-cover img{
  aspect-ratio:800 / 1208;
  height:auto;
  object-fit:contain;
}
.chronicle-cover img{
  width:100%;
  max-width:430px;
}
@media(max-width:900px){
  .chronicle-cover{width:min(78vw,390px)}
  .chronicle-cover img{width:100%;max-width:none}
}
@media(max-width:560px){
  .chronicle-cover{width:min(80vw,360px)}
}



/* Compact series-theme pull quote; do not stretch beside the synopsis. */
.chronicle-quote{
  align-self:start;
  height:auto;
  padding:clamp(1.75rem,4vw,3rem);
  background:linear-gradient(135deg,#171717,#0b0b0b);
  color:#fff;
  border-left:8px solid var(--red);
}
.chronicle-quote p{
  color:#fff;
  max-width:15ch;
}


/* Book campaign: readable headline, direct choices, and mobile-first story hook. */
.chronicle-hero{overflow:hidden}
.chronicle-hero h1{font-size:clamp(3rem,6.5vw,6.1rem);max-width:13ch;overflow-wrap:normal}
.chronicle-book-title{font-size:clamp(1.7rem,3vw,2.5rem);margin-block:.75rem}
.chronicle-quick-links{font-size:.95rem;line-height:1.7}
.chronicle-quick-links a{text-decoration:underline;text-underline-offset:.2em}
#educator-resources{scroll-margin-top:6rem}
#educator-resources .grid-2{align-items:stretch}
#educator-resources .button{white-space:normal;text-align:center}
@media(max-width:900px){.chronicle-hero-grid .chronicle-cover{order:0}}
@media(max-width:560px){.chronicle-hero h1{font-size:clamp(2.8rem,12vw,4.5rem)}.chronicle-status .button{width:100%;text-align:center}}