/* AuthorScope review UI — editorial redesign (ported from design/authorscope-review-design.html).
   Grey ground + crimson accent; Fraunces display + Newsreader serif (self-hosted, GDPR).
   Brandbar tokens (--as-navy etc.) preserved; @font-face live in fonts.css. */

:root {
  /* ---- preserved header tokens (brandbar stays as-is, cross-page concern) ---- */
  --as-navy:#000087; --as-cyan:#00bfe7; --as-cyan-deep:#0094b3;
  --as-brand-bar:#5E1C24; --as-brand-sub:rgba(246,242,236,.6); --as-avatar:#742227;
  --as-font-ui:'Sora',system-ui,sans-serif;
  --as-font-mono:'IBM Plex Mono',ui-monospace,monospace;
  --as-font-body:'Hanken Grotesk',system-ui,sans-serif;

  /* ---- editorial palette: light grey ground + crimson accent ---- */
  --ed-page:#e7e7ea;          /* outer light grey */
  --ed-sheet:#ffffff;         /* the document sheet */
  --ed-ink:#1b1b1d;           /* neutral near-black */
  --ed-text:#45454a;          /* reading text */
  --ed-text-2:#636369;        /* secondary */
  --ed-muted:#8b8b92;         /* captions / labels */
  --ed-faint:#adadb4;
  --ed-ox:#6e2b2b;            /* crimson accent (kept) */
  --ed-ox-deep:#531e1e;
  --ed-ox-tint:#f4ecec;       /* faint crimson wash */
  --ed-line:#e2e2e6;          /* hairline rule */
  --ed-line-soft:#ededf0;
  --ed-sage:#566b4d;          /* kept / approved */
  --ed-sage-bg:#e8ede3;
  --ed-amber:#8a6326;         /* flag */
  --ed-amber-bg:#f3ead6;
  --ed-brick:#9c3a2f;         /* danger */
  --ed-brick-bg:#f6e6e0;

  --ed-display:'Fraunces','Newsreader',Georgia,serif;
  --ed-serif:'Newsreader',Georgia,'Times New Roman',serif;
  --ed-sans:ui-sans-serif,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --ed-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;

  /* legacy serif token still referenced in a few rules */
  --as-font-serif:var(--ed-serif);
  --as-ink:var(--ed-ink); --as-text:var(--ed-text); --as-text-2:var(--ed-text-2);
  --as-muted:var(--ed-muted); --as-faint:var(--ed-faint);

  --as-r-sm:3px; --as-r-md:4px; --as-r-lg:5px; --as-r-xl:6px; --as-r-pill:30px;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--ed-serif);
  color: var(--ed-text);
  background: var(--ed-page);
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: var(--ed-ox); }

/* ---- shell + the document sheet ---- */
.shell { width: 100%; max-width: 940px; margin: 0 auto; padding: 48px 24px 96px; }
.shell.wide { max-width: 1140px; }
.card {
  background: var(--ed-sheet);
  border: 1px solid var(--ed-line);
  border-radius: var(--as-r-md);
  box-shadow: 0 1px 2px rgba(33,28,24,.05), 0 40px 80px -52px rgba(33,28,24,.40);
  overflow: hidden;
  color: var(--ed-text);
}

/* ---- HEADER: preserved exactly (do not restyle, cross-page concern) ---- */
.brandbar {
  background: var(--as-brand-bar); color: #fff;
  min-height: 100px; padding: 12px 40px; box-sizing: border-box;
  display: flex; align-items: center; justify-content: space-between;
}
.brand-left { display: flex; align-items: center; gap: 13px; }
.brand-mark { display: inline-block; width: 42px; height: 42px; background-color: #F6F2EC; -webkit-mask: url(/static/img/AS-logo.png) center/contain no-repeat; mask: url(/static/img/AS-logo.png) center/contain no-repeat; }
.brand-word { font-family: 'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,'Times New Roman',serif; font-size: 22px; font-weight: 700; letter-spacing: -0.01em; line-height: 1; color: #F6F2EC; }
.brand-word span { color: inherit; }
.brand-tag { font-family: var(--as-font-body); font-size: 9px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--as-brand-sub); margin-top: 5px; }
.brand-right { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--as-brand-sub); }
.brand-nav { display: flex; gap: 3px; align-items: center; margin: 0 auto 0 18px; flex-wrap: wrap; }
.brand-nav a { color: rgba(246,242,236,.82); text-decoration: none; font-family: var(--as-font-ui); font-size: 13px; font-weight: 600; padding: 7px 12px; border-radius: 7px; white-space: nowrap; transition: background .15s, color .15s; }
.brand-nav a:hover { background: rgba(246,242,236,.13); color: #fff; }
.brand-user { font-family: var(--as-font-mono); font-size: 12px; color: rgba(255,255,255,.92); }
.brand-avatar { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: var(--as-avatar); color: #F6F2EC; font-family: var(--as-font-mono); font-size: 11px; font-weight: 600; letter-spacing: .02em; }

/* ---- masthead / title-page block ---- */
.screen { padding: 46px 60px 60px; }
.screen-label {
  font-family: var(--ed-sans); font-size: 11px; font-weight: 600;
  letter-spacing: .22em; text-transform: uppercase; color: var(--ed-ox);
}
.screen-title {
  font-family: var(--ed-display); font-size: 40px; font-weight: 540;
  color: var(--ed-ink); margin: 14px 0 4px; line-height: 1.08;
  letter-spacing: -0.012em; font-optical-sizing: auto;
}
.screen-sub {
  font-family: var(--ed-serif); font-size: 16.5px; font-style: italic;
  color: var(--ed-text-2); margin: 10px 0 0; max-width: 60ch; line-height: 1.5;
}
/* the editorial rule that closes the masthead */
.screen-sub::after {
  content: ""; display: block; width: 64px; height: 2px;
  background: var(--ed-ox); margin: 26px 0 0;
}

/* ---- review layout ---- */
[x-cloak] { display: none !important; }
.review { display: grid; grid-template-columns: 210px minmax(0,1fr); gap: 52px; align-items: start; }
.shell.wide .review { grid-template-columns: 220px minmax(0,1fr); gap: 56px; }

/* ---- contents rail (set like a printed table of contents) ---- */
.toc { position: sticky; top: 28px; }
.toc-head {
  font-family: var(--ed-sans); font-size: 10.5px; font-weight: 600;
  text-transform: uppercase; letter-spacing: .18em; color: var(--ed-muted);
  margin: 0 0 12px; padding-bottom: 8px; border-bottom: 1px solid var(--ed-line);
}
.toc nav { display: flex; flex-direction: column; gap: 1px; margin-bottom: 30px; }
.toc nav a, .toc nav a.tl {
  font-family: var(--ed-serif); font-size: 14px; color: var(--ed-text-2);
  text-decoration: none; padding: 5px 0 5px 14px; border-left: 1px solid transparent;
  transition: color .12s, border-color .12s; line-height: 1.3;
}
.toc nav a:hover, .toc nav a.tl:hover {
  color: var(--ed-ox); border-left-color: var(--ed-ox); background: transparent;
}
.toc-downloads { display: flex; flex-direction: column; gap: 7px; align-items: stretch; }
.toc-downloads .toc-head { border-bottom: none; padding-bottom: 0; margin-bottom: 4px; }
.btn.sm {
  font-family: var(--ed-sans); font-size: 11px; font-weight: 600; letter-spacing: .04em;
  text-align: center; padding: 7px 12px; border-radius: var(--as-r-sm);
  border: 1px solid var(--ed-line); background: var(--ed-sheet); color: var(--ed-text);
  text-decoration: none;
}
.btn.sm:hover { border-color: var(--ed-ox); color: var(--ed-ox); }
.btn.sm.op { border-style: dashed; border-color: var(--ed-amber); color: var(--ed-amber); }
.btn.sm.op:hover { background: var(--ed-amber-bg); }

/* ---- sections: editorial blocks, not boxes ---- */
.review-body { min-width: 0; }
.rsec {
  border: none; border-radius: 0; background: transparent;
  padding: 0 0 38px; margin: 0 0 38px;
  border-bottom: 1px solid var(--ed-line);
}
.rsec:last-child { border-bottom: none; }
/* neutralize the per-section rainbow: one unified oxblood voice */
.sec-1,.sec-2,.sec-3,.sec-4,.sec-5,.sec-6,.sec-7,.sec-8,.sec-9,.sec-10,.sec-11 { --sec-color: var(--ed-ox); }

.rsec-head {
  display: flex; justify-content: space-between; align-items: baseline; gap: 16px;
  border-bottom: none; padding: 30px 0 0; margin: 0 0 16px; position: relative;
}
.rsec:first-child .rsec-head { padding-top: 6px; }
/* the section ornament: a short oxblood tick above each title */
.rsec-head::before {
  content: ""; position: absolute; top: 30px; left: 0;
  width: 30px; height: 2px; background: var(--ed-ox);
}
.rsec:first-child .rsec-head::before { top: 6px; }
.rsec-title {
  font-family: var(--ed-display); font-size: 25px; font-weight: 500;
  color: var(--ed-ink); margin: 16px 0 0; line-height: 1.15;
  letter-spacing: -0.01em; scroll-margin-top: 20px; font-optical-sizing: auto;
}

/* per-section controls recede until needed */
.rsec-ctrls { display: flex; align-items: center; gap: 6px; flex: none; padding-top: 18px; }
.mini, button.mini {
  font-family: var(--ed-sans); font-size: 10.5px; font-weight: 600;
  letter-spacing: .06em; text-transform: uppercase;
  padding: 5px 11px; border-radius: var(--as-r-sm);
  border: 1px solid var(--ed-line); background: transparent; color: var(--ed-muted);
  cursor: pointer; transition: all .12s;
}
.mini:hover, button.mini:hover { border-color: var(--ed-ox); color: var(--ed-ox); }
.mini.keep, button.mini.keep { color: var(--ed-sage); }
.mini.keep.on, button.mini.keep.on { background: var(--ed-sage-bg); color: var(--ed-sage); border-color: var(--ed-sage); }
.rsec-status {
  font-family: var(--ed-sans); font-size: 9.5px; text-transform: uppercase;
  letter-spacing: .1em; padding: 3px 8px; border-radius: var(--as-r-sm);
}
.st-keep { background: var(--ed-sage-bg); color: var(--ed-sage); }
.st-edited { background: var(--ed-ox-tint); color: var(--ed-ox); }
.st-regenerated { background: var(--ed-amber-bg); color: var(--ed-amber); }

/* ---- the reading surface ---- */
.rsec-body { font-family: var(--ed-serif); font-size: 17px; color: var(--ed-text); line-height: 1.66; }
.rsec-body > p, .rsec-body > ul, .rsec-body > ol, .rsec-body > h3, .rsec-body > h4,
.rsec-body > blockquote, .char-fields > p, .char-fields > ul { max-width: 68ch; }
.rsec-body > table, .rsec-body .char-card, .rsec-body .wcards, .rsec-body .wcard { max-width: none; }
.rsec-body p { margin: 11px 0; }
.rsec-body ul, .rsec-body ol { margin: 11px 0; padding-left: 22px; }
.rsec-body li { margin: 5px 0; }
.rsec-body strong { color: var(--ed-ink); font-weight: 600; }
.rsec-body em { font-style: italic; }
/* run-in sub-labels as editorial captions */
.rsec-body h3, .rsec-body h4 {
  font-family: var(--ed-sans); color: var(--ed-ox); font-size: 11.5px; font-weight: 600;
  letter-spacing: .1em; text-transform: uppercase; margin: 26px 0 8px;
}
.rsec-body blockquote {
  margin: 14px 0; padding: 4px 0 4px 20px; border-left: 2px solid var(--ed-ox);
  font-style: italic; color: var(--ed-text-2);
}

/* ---- editorial spec tables (hairline, no boxes) ---- */
.rsec-body table { width: 100%; border-collapse: collapse; font-family: var(--ed-serif); font-size: 15.5px; margin: 16px 0; display: table; }
.rsec-body th {
  text-align: left; background: transparent; color: var(--ed-muted);
  font-family: var(--ed-sans); font-size: 10.5px; font-weight: 600; letter-spacing: .1em;
  text-transform: uppercase; padding: 0 14px 9px 0; border: none;
  border-bottom: 1.5px solid var(--ed-ox); white-space: nowrap; vertical-align: bottom;
}
.rsec-body td {
  padding: 10px 14px 10px 0; border: none; border-bottom: 1px solid var(--ed-line);
  vertical-align: top; color: var(--ed-ink);
}
.rsec-body td:last-child, .rsec-body th:last-child { padding-right: 0; }
/* ISBN / ASIN / BSR-style values read as data */
.rsec-body td code, .mono, code { font-family: var(--ed-mono); font-size: 13px; }

.rsec-edit textarea { width: 100%; font-family: var(--ed-mono); font-size: 12.5px; line-height: 1.5; border: 1px solid var(--ed-line); border-radius: var(--as-r-sm); padding: 10px; color: var(--ed-ink); background: #fff; }

/* ---- character bible: editorial entries ---- */
.char-preamble { font-family: var(--ed-serif); font-size: 15px; font-style: italic; color: var(--ed-text-2); margin-bottom: 20px; }
.char-card, .rsec .char-card {
  border: none; border-left: none; border-radius: 0; background: transparent;
  padding: 0 0 22px; margin: 0 0 22px; border-bottom: 1px solid var(--ed-line-soft);
}
.char-card:last-child { border-bottom: none; }
.char-name {
  font-family: var(--ed-display); font-size: 21px; font-weight: 500; color: var(--ed-ink);
  margin: 0 0 12px; padding: 0; border-bottom: none; letter-spacing: -0.01em;
}
.char-fields { font-family: var(--ed-serif); font-size: 16px; line-height: 1.62; color: var(--ed-text); }
.char-fields p { margin: 7px 0; }
.char-fields strong {
  font-family: var(--ed-sans); color: var(--ed-ox); font-weight: 600;
  font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
}

/* copyable marketing cards keep a quiet "ready to use" cue */
.card-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.char-card.copyable { border-bottom: 1px dashed var(--ed-line); }
.copy-btn {
  font-family: var(--ed-sans); font-size: 10px; font-weight: 600; letter-spacing: .06em;
  text-transform: uppercase; color: var(--ed-ox); background: transparent;
  border: 1px solid var(--ed-line); border-radius: var(--as-r-sm); padding: 4px 10px; cursor: pointer; flex: none;
}
.copy-btn:hover { border-color: var(--ed-ox); }
.copy-btn.copied { background: var(--ed-sage-bg); color: var(--ed-sage); border-color: var(--ed-sage); }

/* ---- category recommendation + winnability ---- */
.reco, .cat-preamble, .callout {
  background: var(--ed-ox-tint); border-left: 3px solid var(--ed-ox); border-radius: 0;
  padding: 16px 20px; margin: 0 0 18px; font-family: var(--ed-serif); font-size: 15.5px;
  line-height: 1.55; color: var(--ed-text-2);
}
/* neutral "how to read" note: grey, not the crimson used by the ghost/avoid box */
.cat-preamble { background: #eeeef1; border-left: 3px solid var(--ed-faint); color: var(--ed-text-2); }
.reco-head { font-family: var(--ed-display); font-size: 18px; font-weight: 500; color: var(--ed-ink); }
.reco-basis { font-size: 15.5px; color: var(--ed-text-2); margin: 8px 0 12px; }
.reco-list { list-style: none; margin: 0; padding: 0; font-size: 16px; line-height: 1.55; }
.reco-list li { padding: 3px 0; color: var(--ed-text-2); }
.reco-list li.pick { color: var(--ed-ink); font-weight: 600; }
.reco-mark { display: inline-block; width: 18px; color: var(--ed-sage); }
.cat-preamble b, .callout b, .reco b { color: var(--ed-ink); }

.wcards { display: flex; flex-direction: column; gap: 14px; margin: 0 0 18px; }
.wcard {
  border: 1px solid var(--ed-line); border-left: 3px solid var(--ed-line);
  border-radius: var(--as-r-sm); padding: 15px 18px; background: var(--ed-sheet);
}
.wcard.rec { border-left-color: var(--ed-sage); background: #fbfcf8; }
.wcard-head { display: flex; align-items: baseline; gap: 10px; margin-bottom: 8px; }
.wcard-mark { font-family: var(--ed-sans); font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; color: var(--ed-muted); flex: none; }
.wcard.rec .wcard-mark { color: var(--ed-sage); }
.wcard-cat { font-family: var(--ed-serif); font-size: 15.5px; color: var(--ed-ink); font-weight: 600; }
.wcard-headline { font-family: var(--ed-serif); font-size: 16px; color: var(--ed-ink); margin-bottom: 12px; }
.wcard-headline b { font-family: var(--ed-display); font-size: 22px; font-weight: 540; }
.trend { font-family: var(--ed-sans); font-size: 10.5px; font-weight: 600; padding: 2px 8px; border-radius: var(--as-r-pill); margin-left: 4px; letter-spacing: .04em; }
.trend-rising { background: var(--ed-sage-bg); color: var(--ed-sage); }
.trend-falling { background: var(--ed-brick-bg); color: var(--ed-brick); }
.trend-flat { background: var(--ed-line-soft); color: var(--ed-text-2); }
.wcard-metrics { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 16px; padding-top: 12px; border-top: 1px solid var(--ed-line); }
.wm-label { font-family: var(--ed-sans); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; color: var(--ed-muted); margin-bottom: 4px; }
.wm-val { font-family: var(--ed-serif); font-size: 14.5px; color: var(--ed-ink); }
.wm-flag { font-size: 11px; color: var(--ed-brick); margin-top: 2px; }

.ghost-sec { border: 1px solid var(--ed-brick-bg); border-left: 3px solid var(--ed-brick); background: #fbf4f1; border-radius: var(--as-r-sm); padding: 15px 18px; margin: 0 0 18px; }
.ghost-head { font-family: var(--ed-sans); font-weight: 600; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--ed-ink); margin-bottom: 10px; }
.ghost-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.ghost-list li { font-family: var(--ed-serif); font-size: 15px; }
.ghost-tag { display: inline-block; font-family: var(--ed-sans); font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 2px 6px; border-radius: var(--as-r-sm); margin-right: 8px; vertical-align: 1px; }
.ghost-ghost .ghost-tag { background: var(--ed-brick-bg); color: var(--ed-brick); }
.ghost-romance .ghost-tag { background: #efe2f0; color: #7d3f86; }
.ghost-reason { font-size: 13.5px; color: var(--ed-text-2); margin-top: 3px; }

.wfmt-head { font-family: var(--ed-sans); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .12em; color: var(--ed-ox); margin: 22px 0 10px; padding-bottom: 5px; border-bottom: 1px solid var(--ed-line); }
.wfmt-head:first-of-type { margin-top: 4px; }
.wfmt-note { font-family: var(--ed-serif); font-size: 13.5px; font-style: italic; color: var(--ed-text-2); background: transparent; padding: 0 0 10px; margin: 0; }

/* ---- document-pointer cards (e.g. §5 Chapter Reference) ---- */
.docs { display: flex; flex-direction: column; gap: 14px; }
.doc { border: 1px solid var(--ed-line); border-radius: var(--as-r-sm); padding: 18px 20px; display: flex; justify-content: space-between; align-items: center; background: var(--ed-sheet); }
.doc.primary { border-left: 3px solid var(--ed-ox); background: var(--ed-ox-tint); }
.doc .d-title { font-family: var(--ed-display); font-size: 18px; color: var(--ed-ink); }
.doc .d-file { font-family: var(--ed-mono); font-size: 12px; color: var(--ed-muted); margin-top: 3px; }
.doc .d-state { font-size: 13px; margin-top: 6px; font-family: var(--ed-serif); font-style: italic; }
.doc .d-state.ok { color: var(--ed-sage); }
.doc .d-state.wait { color: var(--ed-amber); }
.doc .d-actions { display: flex; gap: 8px; }
.doc .d-actions .btn { font-family: var(--ed-sans); font-size: 12px; font-weight: 600; padding: 8px 14px; border-radius: var(--as-r-sm); border: 1px solid var(--ed-line); background: var(--ed-sheet); color: var(--ed-ink); text-decoration: none; }
.doc .d-actions .btn:hover { border-color: var(--ed-ox); color: var(--ed-ox); }

/* ---- buttons + final sign-off ---- */
.btn, button.primary, button.secondary {
  font-family: var(--ed-sans); font-size: 13.5px; font-weight: 600; cursor: pointer;
  border-radius: var(--as-r-sm); padding: 13px 26px; text-decoration: none;
  display: inline-block; border: 1px solid transparent; letter-spacing: .02em;
}
button.primary, .btn.primary { background: var(--ed-ox); color: #fff; border-color: var(--ed-ox); }
button.primary:hover, .btn.primary:hover { background: var(--ed-ox-deep); border-color: var(--ed-ox-deep); }
button.secondary, .btn.secondary, .btn { background: var(--ed-sheet); color: var(--ed-ink); border-color: var(--ed-line); }
button { font-family: var(--ed-sans); cursor: pointer; }
.note { font-family: var(--ed-serif); font-size: 14px; font-style: italic; color: var(--ed-muted); }
.muted { color: var(--ed-faint); }

.approve-bar { display: flex; align-items: center; gap: 16px; margin-top: 30px; padding-top: 22px; border-top: 2px solid var(--ed-ox); }
.approve-bar form { margin: 0; }

/* ---- badges (kept minimal, in case any render) ---- */
.badge { display: inline-block; font-family: var(--ed-sans); font-size: 10.5px; font-weight: 600; padding: 3px 10px; border-radius: var(--as-r-pill); background: var(--ed-line-soft); color: var(--ed-text-2); }
.badge.sm { font-size: 9.5px; padding: 1px 6px; border-radius: 3px; }

/* ---- masthead with book cover (title-page composition) ---- */
.masthead { display: flex; gap: 34px; align-items: flex-start; margin-bottom: 48px; }
.masthead-cover { flex: none; width: 196px; }
.masthead-cover img {
  width: 100%; display: block; border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0,0,0,.14), 0 22px 44px -22px rgba(0,0,0,.5);
}
.masthead-text { flex: 1; min-width: 0; }
.masthead-text .screen-title { margin-top: 12px; }

/* ---- comp cover grid (§3): covers populate from Canopy by ASIN ---- */
.comp-covers {
  display: grid; grid-template-columns: repeat(5, 1fr);
  gap: 18px 16px; margin: 6px 0 10px;
}
.comp-cover { min-width: 0; }
.cc-frame {
  position: relative; width: 100%; height: 0; padding-bottom: 160.6%;
  background: #f0f0f2; border: 1px solid var(--ed-line); border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0,0,0,.08); overflow: hidden;
}
.cc-frame img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cc-ph {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  font-family: var(--ed-sans); font-size: 9px; letter-spacing: .14em; text-transform: uppercase; color: var(--ed-faint);
}
.cc-title { font-family: var(--ed-serif); font-size: 13px; color: var(--ed-ink); margin-top: 8px; line-height: 1.22; }
.cc-author { font-family: var(--ed-sans); font-size: 10.5px; color: var(--ed-muted); margin-top: 2px; }
.comp-note { font-family: var(--ed-serif); font-style: italic; font-size: 13.5px; color: var(--ed-muted); margin: 2px 0 18px; }

/* ---- §2 subsection headings (2A / 2B / 2C) ---- */
.subsec { display: flex; align-items: baseline; gap: 12px; margin: 38px 0 4px; }
.rsec-body > .subsec:first-child { margin-top: 4px; }
.subsec .sx { font-family: var(--ed-sans); font-size: 12px; font-weight: 700; letter-spacing: .1em; color: var(--ed-ox); flex: none; }
.subsec .st { font-family: var(--ed-display); font-size: 20px; font-weight: 500; color: var(--ed-ink); letter-spacing: -0.01em; }
.subsec-intro { font-family: var(--ed-serif); font-size: 16px; color: var(--ed-text-2); margin: 6px 0 16px; max-width: 68ch; line-height: 1.6; }
.subsec-intro b { color: var(--ed-ink); font-weight: 600; }
.code-label { font-family: var(--ed-sans); font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--ed-ox); margin: 18px 0 6px; }
.why-note { font-family: var(--ed-serif); font-size: 15px; color: var(--ed-text-2); line-height: 1.6; margin: 4px 0 14px; max-width: 68ch; }
.why-note b { color: var(--ed-ink); font-weight: 600; }

/* ---- 2-column BISAC/THEMA code tables: roomy rows, light dividers ---- */
.rsec-body table.codes { margin: 14px 0 6px; }
.rsec-body table.codes th {
  border-bottom: 1px solid var(--ed-line); padding-bottom: 11px; color: var(--ed-muted);
}
.rsec-body table.codes td {
  padding: 16px 24px 16px 0; border-bottom: 1px solid var(--ed-line-soft); vertical-align: baseline;
}
.rsec-body table.codes tr:last-child td { border-bottom: none; }
.rsec-body table.codes td:first-child { width: 1%; white-space: nowrap; }
.rsec-body table.codes td code { font-size: 13px; color: var(--ed-ink); }

/* ---- §2C keyword worksheet: highlighted, click-to-copy phrases ---- */
.kw-tools { display: flex; align-items: center; gap: 12px; margin: 12px 0 8px; }
.kw-copyall { font-family: var(--ed-sans); font-size: 11px; font-weight: 600; letter-spacing: .04em; padding: 6px 13px; border-radius: var(--as-r-sm); border: 1px solid var(--ed-line); background: var(--ed-sheet); color: var(--ed-ink); cursor: pointer; }
.kw-copyall:hover, .kw-copyall.copied { border-color: var(--ed-ox); color: var(--ed-ox); }
.rsec-body table.kw-sheet { margin: 4px 0; }
.kw-sheet td { vertical-align: middle; }
.kw-box { font-family: var(--ed-mono); color: var(--ed-muted); width: 1%; }
.kw-role { font-family: var(--ed-sans); font-size: 12px; color: var(--ed-text-2); white-space: nowrap; }
.kw-hint { color: var(--ed-faint); font-size: 11px; }
.kw-copy { display: inline-flex; align-items: center; gap: 10px; width: 100%; min-width: 230px; text-align: left; cursor: pointer; background: var(--ed-sage-bg); border: 1px solid #cfdac3; border-radius: var(--as-r-sm); padding: 8px 12px; transition: all .12s; }
.kw-copy:hover { border-color: var(--ed-sage); background: #dde7d2; }
.kw-phrase { font-family: var(--ed-mono); font-size: 14px; font-weight: 600; color: #41512f; flex: 1; }
.kw-ico { font-family: var(--ed-sans); font-size: 9.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: var(--ed-muted); flex: none; }
.kw-copy:hover .kw-ico { color: var(--ed-sage); }
.kw-copy.copied { background: #cdddbc; border-color: var(--ed-sage); }
.kw-copy.copied .kw-phrase, .kw-copy.copied .kw-ico { color: var(--ed-sage); }
.kw-chars { color: var(--ed-text-2); text-align: center; }
.kw-over { color: var(--ed-brick); font-weight: 600; }
.kw-why { font-size: 14px; color: var(--ed-text-2); }
.kw-ground { color: var(--ed-muted); font-style: italic; }

/* ============================ PDF / print export ============================ */
/* Take-aways PDF button states */
.btn.sm.pdf-off { color: var(--ed-faint); border-color: var(--ed-line-soft); cursor: not-allowed; background: #f4f4f6; }
.btn.sm.pdf-on { border-color: var(--ed-ox); color: #fff; background: var(--ed-ox); }
.btn.sm.pdf-on:hover { background: var(--ed-ox-deep); border-color: var(--ed-ox-deep); color: #fff; }
.final-badge { font-family: var(--ed-sans); font-size: 12px; font-weight: 600; letter-spacing: .04em; color: var(--ed-sage); background: var(--ed-sage-bg); padding: 8px 14px; border-radius: var(--as-r-sm); }

/* The /print HTML (Chromium renders this). White sheet, not the grey screen ground. */
body.printing { background: #fff; }
.print-doc { max-width: 720px; margin: 0 auto; padding: 0 8px; background: #fff; color: var(--ed-text); }
.print-title { text-align: center; padding: 18mm 0 14mm; break-after: page; }
.print-cover { width: 280px; max-width: 70%; border-radius: 2px; box-shadow: 0 2px 8px rgba(0,0,0,.18); margin: 0 auto 26px; display: block; }
.print-title .screen-title { font-size: 34px; margin: 8px 0 6px; }
.print-author { font-family: var(--ed-serif); font-size: 18px; font-style: italic; color: var(--ed-text-2); }
/* each section starts a fresh page; drop the on-screen bottom hairline in print */
.print-sections .rsec { break-inside: auto; break-before: page; border-bottom: none; margin-bottom: 0; padding-bottom: 8px; }
/* §1 starts on its own page (front matter sits between it and the title page, so no blank) */
/* atomic blocks must not split across pages */
.printing .wcard, .printing .char-card, .printing .comp-cover, .printing table,
.printing .ghost-sec, .printing .doc, .printing .kw-copy { break-inside: avoid; }
.printing thead { display: table-header-group; }   /* repeat headers across page breaks */
.printing tr { break-inside: avoid; }
.printing .rsec-title, .printing .subsec, .printing .char-name { break-after: avoid; }
/* on the print page, copy chips are static (no clipboard); show as plain highlighted text */
.printing .kw-ico { display: none; }
/* comp-cover frame uses a padding-bottom aspect hack + absolute img that collapses in print;
   give it a real height so Chromium embeds the cover */
.printing .cc-frame { height: auto; padding-bottom: 0; }
.printing .cc-frame img { position: static; height: auto; width: 100%; display: block; }
.printing .print-cover { box-shadow: none; }   /* print-color-adjust: heavy shadows band */
/* BISAC/THEMA code tables: tighten rows for print so each fits on one page */
.printing table.codes td { padding-top: 6px; padding-bottom: 6px; }
.printing table.codes th { padding-bottom: 6px; }
.printing table.codes { margin: 8px 0 4px; }

/* paste-sheet appendix: plain, unstyled, its own page */
.paste-sheet { break-before: page; padding-top: 12mm; }
.paste-sheet h2 { font-family: var(--ed-display); font-size: 22px; color: var(--ed-ink); margin: 0 0 4px; }
.paste-sheet .paste-intro { font-family: var(--ed-serif); font-style: italic; color: var(--ed-text-2); font-size: 13px; margin: 0 0 18px; }
.paste-sheet h3 { font-family: var(--ed-sans); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ed-ox); margin: 20px 0 6px; }
.paste-sheet .paste-fmt { font-family: var(--ed-sans); font-size: 11px; font-weight: 600; color: var(--ed-text-2); margin: 8px 0 2px; }
.paste-sheet pre { font-family: var(--ed-mono); font-size: 12px; color: var(--ed-ink); white-space: pre-wrap; margin: 0 0 6px; line-height: 1.5; }

/* @media print: belt-and-suspenders if the screen page is ever printed directly */
@media print {
  .brandbar, .toc, .rsec-ctrls, .approve-bar, .rsec-edit, .kw-tools { display: none !important; }
  body, .shell, .card { background: #fff !important; box-shadow: none !important; border: none !important; }
  .shell { max-width: none; padding: 0; }
  .review { display: block; }
  .wcard, .char-card, .comp-cover, table, .ghost-sec { break-inside: avoid; }
  thead { display: table-header-group; }
  @page { margin: 16mm 14mm; }
}

/* PDF: copy controls are interactive-only, never in print (S5) */
.printing .copy-btn, .printing .kw-copyall, .printing .kw-tools { display: none !important; }

.wcard-metrics.one { grid-template-columns: 1fr; }

/* ======================= front matter (Start Here, legend, worklist) ======================= */
.front-matter { margin: 0 0 44px; }
.fm-block { margin: 0 0 30px; }
.fm-h { font-family: var(--ed-display); font-size: 22px; font-weight: 500; color: var(--ed-ink); margin: 0 0 4px; position: relative; padding-top: 14px; }
.fm-h::before { content: ""; position: absolute; top: 0; left: 0; width: 30px; height: 2px; background: var(--ed-ox); }
.fm-sub { font-family: var(--ed-serif); font-style: italic; color: var(--ed-text-2); font-size: 14px; margin: 2px 0 14px; }
.fm-about p { max-width: 72ch; margin: 9px 0; font-size: 15.5px; }
.fm-about b { color: var(--ed-ink); }
table.legend { width: 100%; border-collapse: collapse; font-size: 14px; margin: 8px 0; }
table.legend th { text-align: left; font-family: var(--ed-sans); font-size: 10.5px; text-transform: uppercase; letter-spacing: .1em; color: var(--ed-muted); padding: 0 14px 8px 0; border-bottom: 1.5px solid var(--ed-ox); }
table.legend td { padding: 11px 14px 11px 0; border-bottom: 1px solid var(--ed-line-soft); vertical-align: top; color: var(--ed-text); }
.stk { display: inline-block; font-family: var(--ed-sans); font-size: 11px; font-weight: 600; color: var(--ed-ox); background: var(--ed-ox-tint); padding: 2px 8px; border-radius: var(--as-r-sm); white-space: nowrap; }
.sh-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.sh-card { border: 1px solid var(--ed-line); border-radius: var(--as-r-md); padding: 14px 16px; background: var(--ed-sheet); }
.sh-card h3 { font-family: var(--ed-sans); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: var(--ed-ox); margin: 0 0 8px; }
.sh-card ol, .sh-card ul { margin: 0; padding-left: 18px; font-size: 14px; }
.sh-card li { margin: 4px 0; }
.sh-card a { color: var(--ed-ink); text-decoration: none; }
.sh-card a:hover { color: var(--ed-ox); }
.sh-kw { list-style: none; padding: 0; }
.sh-kw li { font-size: 12.5px; color: var(--ed-ox-deep); margin: 3px 0; }
.sh-link { display: inline-block; margin-top: 10px; font-family: var(--ed-sans); font-size: 11px; font-weight: 600; color: var(--ed-ox) !important; text-decoration: none; }
.wl-group { margin: 12px 0; }
.wl-label { margin-bottom: 6px; }
/* single column — CSS multi-column shatters text in Chromium print-to-PDF */
.wl-list { margin: 0; padding-left: 20px; font-size: 14px; }
.wl-item { margin: 5px 0; break-inside: avoid; line-height: 1.5; }
.wl-ref { font-family: var(--ed-sans); font-size: 11px; font-weight: 600; color: var(--ed-ox) !important; text-decoration: none; white-space: nowrap; }
.wl-ref::before { content: "· "; color: var(--ed-faint); font-weight: 400; }
.printing #start-here, .printing #worklist { break-before: page; }
.printing .sh-grid, .printing table.legend, .printing .wl-group { break-inside: avoid; }

/* ======================= Chapter Reference companion doc ======================= */
.cref-title { text-align: center; padding: 12mm 0 10mm; }
.cref-toc { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 36px; }
.cref-toc-item { display: block; font-family: var(--ed-serif); font-size: 14.5px; color: var(--ed-ink); text-decoration: none; padding: 4px 0; line-height: 1.3; break-inside: avoid; }
.cref-toc-item:hover { color: var(--ed-ox); }
.cref-n { font-family: var(--ed-mono); font-size: 12px; color: var(--ed-muted); display: inline-block; width: 1.8em; }
.cref-body h2 { font-family: var(--ed-display); font-size: 23px; font-weight: 500; color: var(--ed-ink); margin: 30px 0 8px; padding-top: 14px; border-top: 1px solid var(--ed-line); scroll-margin-top: 16px; }
.cref-body h3, .cref-body h4 { font-family: var(--ed-sans); color: var(--ed-ox); font-size: 11.5px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; margin: 18px 0 6px; }
.printing .cref-title { break-after: page; }
.printing #chapter-index { break-after: page; }
.printing .cref-body h2 { break-before: page; border-top: none; }

/* printed Contents page (HTML uses the sticky rail; PDF gets an on-page TOC) */
.fm-contents { display: none; }
.printing .fm-contents { display: block; break-before: page; }
.toc-page { font-family: var(--ed-serif); font-size: 15.5px; list-style: none; padding-left: 0; margin: 8px 0; }
.toc-page > li { margin: 7px 0; }
.toc-page a { color: var(--ed-ink); text-decoration: none; }
.toc-page ul { list-style: none; padding-left: 22px; margin: 4px 0 6px; }
.toc-page ul li { font-size: 13.5px; margin: 2px 0; }
.toc-page ul a { color: var(--ed-text-2); }

/* §2C IngramSpark single-field keywords (distinct from the KDP boxes) */
.ingram-field { margin: 20px 0 8px; }
.ingram-chip { align-items: flex-start; }
.ingram-chip .kw-phrase { white-space: normal; line-height: 1.55; }

/* ---- master PDF: kill blank pages + tighten density ---- */
/* the "---" section separators render as <hr>; each section is already its own page, so the
   trailing hr is redundant and spills onto a blank page. Hide it. */
.printing .rsec-body hr, .printing hr { display: none; }
.printing .print-sections .rsec { padding-bottom: 0; }
/* tighter reading surface + cards + tables for print */
.printing .rsec-body { font-size: 14.5px; line-height: 1.5; }
.printing .rsec-body p { margin: 8px 0; }
.printing .rsec-body ul, .printing .rsec-body ol { margin: 8px 0; }
.printing .rsec-body li { margin: 3px 0; }
.printing .rsec-body table { font-size: 13px; margin: 10px 0; }
.printing .rsec-body td, .printing .rsec-body th { padding-top: 6px; padding-bottom: 6px; }
.printing .char-card { padding-bottom: 13px; margin-bottom: 13px; }
.printing .char-name { font-size: 18px; margin-bottom: 6px; }
.printing .char-fields { font-size: 14px; line-height: 1.48; }
.printing .char-fields p { margin: 5px 0; }
.printing .wcards { gap: 10px; }
.printing .wcard { padding: 10px 14px; }
.printing .wcard-headline { margin-bottom: 8px; }
.printing .wcard-metrics { padding-top: 8px; }
.printing .subsec { margin: 20px 0 4px; }
.printing .subsec-intro { margin: 4px 0 10px; }

/* ======================= login ======================= */
.login-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 40px 20px; }
.login-card { width: 100%; max-width: 380px; background: var(--ed-sheet); border: 1px solid var(--ed-line); border-radius: var(--as-r-md); box-shadow: 0 1px 2px rgba(33,28,24,.05), 0 40px 80px -52px rgba(33,28,24,.40); padding: 40px 36px; }
.login-brand { display: flex; align-items: center; gap: 11px; }
.login-brand .brand-mark { width: 34px; height: 34px; }
.login-brand .brand-word { font-family: var(--as-font-ui); font-size: 22px; font-weight: 700; letter-spacing: -.02em; color: var(--ed-ink); }
.login-brand .brand-word span { color: var(--as-cyan-deep); }
.login-tag { font-family: var(--ed-sans); font-size: 10px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--ed-muted); margin: 6px 0 26px; }
.login-card .field { margin-bottom: 16px; }
.login-card label { display: block; font-family: var(--ed-sans); font-size: 12px; font-weight: 600; color: var(--ed-text-2); margin-bottom: 6px; }
.login-card input { width: 100%; font-family: var(--ed-serif); font-size: 15px; padding: 10px 12px; border: 1px solid var(--ed-line); border-radius: var(--as-r-sm); background: #fff; color: var(--ed-ink); }
.login-card input:focus { outline: none; border-color: var(--ed-ox); }
.login-btn { width: 100%; margin-top: 8px; }
.login-error { background: var(--ed-brick-bg); color: var(--ed-brick); border: 1px solid var(--ed-brick); border-radius: var(--as-r-sm); padding: 9px 12px; font-size: 13px; margin-bottom: 18px; }

/* ======================= shared shell: brandbar link, account menu, breadcrumbs ======================= */
a.brand-left { text-decoration: none; color: inherit; display: flex; align-items: center; gap: 13px; }
a.brand-left:hover .brand-word { opacity: .9; }

.account { position: relative; }
.account-btn { display: flex; align-items: center; gap: 9px; background: transparent; border: 0; cursor: pointer; color: var(--as-brand-sub); font-family: var(--as-font-mono); font-size: 12px; padding: 4px 2px; }
.account-btn:hover { color: #fff; }
.account-btn .brand-avatar { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: var(--as-avatar); color: #F6F2EC; font-family: var(--as-font-mono); font-size: 11px; font-weight: 600; letter-spacing: .02em; }
.account-caret { font-size: 10px; transition: transform .12s; }
.account-caret.up { transform: rotate(180deg); }
.account-menu { position: absolute; right: 0; top: calc(100% + 8px); min-width: 168px; background: #fff; border: 1px solid var(--ed-line); border-radius: var(--as-r-md); box-shadow: 0 8px 28px -10px rgba(33,28,24,.45); padding: 6px; z-index: 40; display: flex; flex-direction: column; }
.account-menu a, .account-menu button { display: block; width: 100%; text-align: left; background: transparent; border: 0; cursor: pointer; font-family: var(--ed-sans); font-size: 13px; color: var(--ed-text); text-decoration: none; padding: 8px 10px; border-radius: var(--as-r-sm); }
.account-menu a:hover, .account-menu button:hover { background: var(--ed-page); color: var(--ed-ink); }
.account-menu .acct-billing { color: var(--ed-text-2); }
.account-menu .acct-signout { color: var(--ed-ox); border-top: 1px solid var(--ed-line-soft); margin-top: 4px; padding-top: 9px; border-radius: 0; }

.crumbs { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; padding: 13px 40px; border-bottom: 1px solid var(--ed-line); font-family: var(--ed-sans); font-size: 12.5px; }
.crumbs a { color: var(--ed-text-2); text-decoration: none; }
.crumbs a:hover { color: var(--ed-ox); }
.crumb-sep { color: var(--ed-faint); }
.crumb-book { color: var(--ed-text-2); font-style: italic; }
.crumb-current { color: var(--ed-ink); font-weight: 600; }

/* ======================= dashboard + book cards ======================= */
.dash-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 30px; }
.dash-head .screen-title { margin: 6px 0 0; }

.dash-empty { text-align: center; padding: 70px 20px; border: 1px dashed var(--ed-line); border-radius: var(--as-r-md); background: #fcfcfd; }
.dash-empty-mark { font-size: 40px; color: var(--ed-faint); line-height: 1; }
.dash-empty-text { color: var(--ed-text-2); max-width: 44ch; margin: 16px auto 22px; }

.book-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 22px; }
.bcard { display: flex; gap: 16px; background: var(--ed-sheet); border: 1px solid var(--ed-line); border-radius: var(--as-r-md); padding: 16px; transition: border-color .12s, box-shadow .12s; }
.bcard:hover { border-color: var(--ed-line); box-shadow: 0 10px 30px -18px rgba(33,28,24,.4); }
.bcard-cover { flex: none; width: 74px; height: 110px; border-radius: var(--as-r-sm); overflow: hidden; background: var(--ed-page); display: block; }
.bcard-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bcard-noc { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-family: var(--ed-display); font-size: 30px; color: var(--ed-faint); }
.bcard-body { min-width: 0; flex: 1; display: flex; flex-direction: column; }
.bcard-title { font-family: var(--ed-display); font-size: 17px; font-weight: 540; line-height: 1.2; }
.bcard-title a { color: var(--ed-ink); text-decoration: none; }
.bcard-title a:hover { color: var(--ed-ox); }
.bcard-author { font-family: var(--ed-serif); font-style: italic; font-size: 13.5px; color: var(--ed-text-2); margin: 3px 0 9px; }
.bcard-meta { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.bcard-date { font-family: var(--ed-sans); font-size: 11px; color: var(--ed-muted); }
.bstate { font-family: var(--ed-sans); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 3px 8px; border-radius: 20px; }
.bstate-running { background: var(--ed-amber-bg); color: var(--ed-amber); }
.bstate-review { background: var(--ed-ox-tint); color: var(--ed-ox); }
.bstate-finalized { background: var(--ed-sage-bg); color: var(--ed-sage); }
.bstate-failed { background: var(--ed-brick-bg); color: var(--ed-brick); }
.bstate-norun { background: var(--ed-page); color: var(--ed-muted); }
.bcard-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; }
.btn.sm.primary { background: var(--ed-ox); color: #fff; border-color: var(--ed-ox); }
.btn.sm.primary:hover { background: var(--ed-ox-deep); color: #fff; }
.btn.sm.danger { color: var(--ed-brick); border-color: var(--ed-brick); }
.bcard-purge { font-family: var(--ed-sans); font-size: 11.5px; color: var(--ed-text-2); background: var(--ed-page); border-radius: var(--as-r-sm); padding: 7px 9px; margin-top: 10px; }

/* ======================= run monitor: live pulse, failed stage, error box ======================= */
.live-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: currentColor; vertical-align: middle; animation: as-pulse 1.4s ease-in-out infinite; }
@keyframes as-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
.stage.active .dot { animation: as-pulse 1.4s ease-in-out infinite; }
.stage.failed .dot { background: var(--ed-brick); box-shadow: 0 0 0 3px var(--ed-brick-bg); }
.stage.failed .sstate { color: var(--ed-brick); font-weight: 600; }
.run-error { margin-top: 20px; background: var(--ed-brick-bg); border: 1px solid var(--ed-brick); border-radius: var(--as-r-md); padding: 16px 18px; }
.run-error-head { font-family: var(--ed-sans); font-weight: 700; color: var(--ed-brick); font-size: 13px; }
.run-error-msg { font-family: var(--ed-mono); font-size: 12.5px; color: var(--ed-ink); margin: 8px 0 14px; word-break: break-word; line-height: 1.5; }
.run-error form { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 0; }
.run-error .note { font-size: 12px; color: var(--ed-text-2); }

/* global loading affordance: HTMX marks the in-flight trigger with .htmx-request */
.htmx-request.btn, .htmx-request button, button.htmx-request { opacity: .55; pointer-events: none; }
.htmx-request .kw-ico::after { content: " …"; }

/* ======================= dashboard cards v2: full-width + document matrix ======================= */
.book-grid { display: flex; flex-direction: column; gap: 18px; }
.bcard { width: 100%; padding: 18px 22px; gap: 20px; }
.bcard-cover { width: 84px; height: 126px; }
.bcard-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 12px; }
.bcard-id { min-width: 0; }
.bcard-headright { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; flex: none; }
.bcard-line { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 10px 0 4px; }
.bcard-note { font-family: var(--ed-serif); font-size: 13px; color: var(--ed-text-2); }

.docmatrix { margin-top: 6px; }
.docmatrix-head { display: flex; align-items: baseline; justify-content: space-between; font-family: var(--ed-sans); font-size: 10.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ed-muted); padding: 8px 0; border-bottom: 1px solid var(--ed-line); }
.docmatrix-cols { font-weight: 600; letter-spacing: .04em; color: var(--ed-faint); }
.docrow { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 9px 0; border-bottom: 1px solid var(--ed-line-soft); }
.docname { font-family: var(--ed-serif); font-size: 15px; color: var(--ed-ink); }
.docrow-op .docname, .docrow-soon .docname { color: var(--ed-text-2); }
.opmark { font-family: var(--ed-sans); font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ed-muted); border: 1px solid var(--ed-line); border-radius: 20px; padding: 1px 6px; margin-left: 7px; vertical-align: middle; }
.docbtns { display: flex; gap: 7px; flex: none; }
.db { font-family: var(--ed-sans); font-size: 11.5px; font-weight: 600; padding: 5px 13px; border-radius: var(--as-r-sm); border: 1px solid var(--ed-line); color: var(--ed-text); text-decoration: none; background: #fff; min-width: 46px; text-align: center; }
.db:hover { border-color: var(--ed-ox); color: var(--ed-ox); }
.db.off { color: var(--ed-faint); border-style: dashed; cursor: default; pointer-events: none; }
.db.soon { color: var(--ed-muted); border: none; font-style: italic; font-weight: 500; padding-right: 0; }

/* companion docs (Chapter Reference, Continuity Guide) rendered inside the app shell */
.companion-doc .cref-title { padding: 2px 0 12px; }
.companion-doc .print-cover { max-width: 190px; height: auto; border-radius: 4px; box-shadow: 0 12px 32px -14px rgba(33,28,24,.5); }

/* companion doc reading column: wider + 2px larger than the default rsec-body (screen only) */
.companion-doc .cref-body { font-size: 19px; }
.companion-doc .cref-body > p, .companion-doc .cref-body > ul, .companion-doc .cref-body > ol,
.companion-doc .cref-body > h3, .companion-doc .cref-body > h4, .companion-doc .cref-body > blockquote { max-width: 90ch; }

/* companion docs: 2-column screen layout — sticky index rail + body (print stays single-column) */
.companion-grid { display: grid; grid-template-columns: 232px minmax(0,1fr); gap: 50px; align-items: start; margin-top: 10px; }
.companion-rail { position: sticky; top: 24px; }
.companion-rail .toc-head { font-family: var(--ed-sans); font-size: 10.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .18em; color: var(--ed-muted); margin: 0 0 12px; padding-bottom: 8px; border-bottom: 1px solid var(--ed-line); }
.companion-rail-list { display: flex; flex-direction: column; gap: 1px; max-height: calc(100vh - 96px); overflow-y: auto; padding-right: 6px; }
.companion-rail-list a { font-family: var(--ed-serif); font-size: 13.5px; color: var(--ed-text-2); text-decoration: none; padding: 5px 0 5px 12px; border-left: 1px solid transparent; line-height: 1.32; transition: color .12s, border-color .12s; }
.companion-rail-list a:hover { color: var(--ed-ox); border-left-color: var(--ed-ox); }
.rail-n { font-family: var(--ed-mono); font-size: 11px; color: var(--ed-faint); margin-right: 5px; }
/* in 2-col the column controls width; lift the single-column readability cap */
.companion-grid .cref-body > p, .companion-grid .cref-body > ul, .companion-grid .cref-body > ol,
.companion-grid .cref-body > h3, .companion-grid .cref-body > h4, .companion-grid .cref-body > blockquote { max-width: none; }
@media (max-width: 880px) { .companion-grid { grid-template-columns: 1fr; gap: 20px; } .companion-rail { position: static; } .companion-rail-list { max-height: none; } }

/* ======================= intake form ======================= */
.screen form .field { margin-bottom: 18px; }
.screen form .field > label { display: block; font-family: var(--ed-sans); font-size: 12.5px; font-weight: 600; color: var(--ed-text-2); margin-bottom: 6px; }
.field .hint { font-weight: 400; color: var(--ed-muted); font-size: 11.5px; margin-left: 6px; }
.screen form .field input[type=text], .screen form .field input[type=email],
.screen form .field select, .screen form .field input:not([type]) {
  width: 100%; font-family: var(--ed-serif); font-size: 15px; padding: 9px 12px;
  border: 1px solid var(--ed-line); border-radius: var(--as-r-sm); background: #fff; color: var(--ed-ink); }
.screen form input.mono { font-family: var(--ed-mono); font-size: 13px; }
.screen form .field textarea {
  width: 100%; font-family: var(--ed-serif); font-size: 15px; line-height: 1.5; padding: 9px 12px;
  border: 1px solid var(--ed-line); border-radius: var(--as-r-sm); background: #fff; color: var(--ed-ink);
  resize: vertical; }
.screen form input:focus, .screen form select:focus, .screen form textarea:focus { outline: none; border-color: var(--ed-ox); }
.row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }

fieldset.editions { border: 1px solid var(--ed-line); border-radius: var(--as-r-md); padding: 12px 16px 16px; margin: 6px 0 22px; }
fieldset.editions legend { font-family: var(--ed-sans); font-size: 12.5px; font-weight: 600; color: var(--ed-text-2); padding: 0 6px; }
fieldset.editions legend .hint { font-weight: 400; color: var(--ed-muted); font-size: 11px; }
.ed-grid { display: grid; grid-template-columns: 96px 1.5fr 1.5fr 1fr; gap: 8px 10px; align-items: center; }
.ed-grid.ed-head { font-family: var(--ed-sans); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--ed-muted); margin-bottom: 4px; }
.ed-label { font-family: var(--ed-sans); font-size: 13px; font-weight: 600; color: var(--ed-text); }
.ed-grid input { width: 100%; font-family: var(--ed-mono); font-size: 12px; padding: 7px 9px; border: 1px solid var(--ed-line); border-radius: var(--as-r-sm); background: #fff; }
.ed-grid input:focus { outline: none; border-color: var(--ed-ox); }

.channels { display: flex; flex-wrap: wrap; gap: 18px; }
.channels label { display: flex; align-items: center; gap: 7px; font-family: var(--ed-serif); font-size: 14px; color: var(--ed-text); }

.dropzone { border: 1px dashed var(--ed-line); border-radius: var(--as-r-md); padding: 16px; background: #fcfcfd; }
.dropzone .cue { font-family: var(--ed-sans); font-size: 12px; color: var(--ed-muted); margin-bottom: 6px; }
.screen form input[type=file] { font-family: var(--ed-sans); font-size: 12.5px; color: var(--ed-text-2); }

.actions { display: flex; align-items: center; gap: 16px; margin-top: 26px; }
.actions .note { font-family: var(--ed-sans); font-size: 12px; color: var(--ed-muted); }
.screen form .error, .intake .error { background: var(--ed-brick-bg); color: var(--ed-brick); border: 1px solid var(--ed-brick); border-radius: var(--as-r-sm); padding: 9px 12px; font-size: 13.5px; margin-bottom: 18px; }

/* ======================= run monitor base ======================= */
.run-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.rh-title { font-family: var(--ed-display); font-size: 24px; font-weight: 540; color: var(--ed-ink); line-height: 1.15; }
.rh-sub { font-family: var(--ed-sans); font-size: 12.5px; color: var(--ed-text-2); margin-top: 5px; }
.badge { font-family: var(--ed-sans); font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 4px 11px; border-radius: 20px; flex: none; background: var(--ed-page); color: var(--ed-text-2); }
.badge-running { background: var(--ed-amber-bg); color: var(--ed-amber); }
.badge-awaiting_approval { background: var(--ed-ox-tint); color: var(--ed-ox); }
.badge-complete { background: var(--ed-sage-bg); color: var(--ed-sage); }
.badge-failed { background: var(--ed-brick-bg); color: var(--ed-brick); }

.stages { list-style: none; padding: 0; margin: 4px 0 26px; border-top: 1px solid var(--ed-line); }
.stage { display: flex; align-items: center; gap: 14px; padding: 12px 2px; border-bottom: 1px solid var(--ed-line-soft); }
.stages .dot { width: 9px; height: 9px; border-radius: 50%; background: var(--ed-faint); flex: none; }
.stage.done .dot { background: var(--ed-sage); }
.stage.pending .dot { background: var(--ed-line); }
.scode { font-family: var(--ed-mono); font-size: 12px; color: var(--ed-muted); width: 18px; flex: none; }
.sname { flex: 1; font-family: var(--ed-serif); font-size: 15.5px; color: var(--ed-ink); }
.sstate { font-family: var(--ed-sans); font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--ed-muted); }
.stage.done .sstate { color: var(--ed-sage); }
.stage.active .sstate { color: var(--ed-amber); }

.spendbox { margin-top: 6px; }
.spend-row { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; font-family: var(--ed-sans); font-size: 13px; color: var(--ed-text); margin-bottom: 9px; }
.spend-row .muted { color: var(--ed-muted); font-weight: 400; }
.spend-row .amt { font-family: var(--ed-mono); font-size: 13px; color: var(--ed-ink); }
.spend-track { height: 6px; background: var(--ed-page); border-radius: 20px; overflow: hidden; }
.spend-fill { height: 100%; background: #1763a6; border-radius: 20px; transition: width .4s ease; }

/* operator section regeneration: steer panel */
.rsec-steer { margin: 6px 0 16px; padding: 14px 16px; background: var(--ed-ox-tint); border: 1px solid var(--ed-line); border-radius: var(--as-r-md); }
.steer-input { width: 100%; font-family: var(--ed-serif); font-size: 14.5px; padding: 9px 12px; border: 1px solid var(--ed-line); border-radius: var(--as-r-sm); background: #fff; color: var(--ed-ink); }
.steer-input:focus { outline: none; border-color: var(--ed-ox); }
.rsec-steer .actions { margin-top: 12px; gap: 12px; flex-wrap: wrap; }
.rsec-steer .note { font-family: var(--ed-sans); font-size: 11.5px; color: var(--ed-text-2); }

/* run monitor: obvious "working" indicators */
.spinner { display: inline-block; width: 11px; height: 11px; border: 2px solid var(--ed-line); border-top-color: #1763a6; border-radius: 50%; animation: as-spin .7s linear infinite; vertical-align: -1px; }
.spinner.big { width: 16px; height: 16px; border-width: 2.5px; vertical-align: -3px; }
@keyframes as-spin { to { transform: rotate(360deg); } }
.run-working { display: flex; align-items: center; gap: 11px; background: #eaf1f9; border: 1px solid #1763a6; border-radius: var(--as-r-md); padding: 12px 16px; margin: 4px 0 22px; font-family: var(--ed-sans); font-size: 13.5px; font-weight: 600; color: #11487a; }
.stage.active { background: #eaf1f9; border-radius: var(--as-r-sm); }
.stage.active .sname { font-weight: 600; color: var(--ed-ink); }
.stage.active .sstate { color: #1763a6; }

/* on-screen copy-ready paste-sheet (also rendered in the PDF) */
.review-body .paste-sheet { margin-top: 38px; padding-top: 28px; border-top: 2px solid var(--ed-line); }
.review-body .paste-sheet h2 { font-family: var(--ed-display); font-size: 23px; font-weight: 500; color: var(--ed-ink); margin: 0 0 4px; }
.review-body .paste-intro { font-family: var(--ed-serif); font-size: 14px; color: var(--ed-text-2); margin: 0 0 18px; }
.review-body .paste-sheet h3 { font-family: var(--ed-sans); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--ed-ox); margin: 20px 0 7px; }
.review-body .paste-fmt { font-family: var(--ed-sans); font-size: 12px; font-weight: 600; color: var(--ed-text-2); margin: 10px 0 3px; }
.review-body .paste-sheet pre { font-family: var(--ed-mono); font-size: 12.5px; line-height: 1.55; color: var(--ed-ink); background: #fafafb; border: 1px solid var(--ed-line); border-radius: var(--as-r-sm); padding: 11px 13px; margin: 0 0 6px; white-space: pre-wrap; word-break: break-word; overflow-x: auto; }

/* ===== AuthorScope Summary (generated projection of the Master) ===== */
.summary-doc .sumdoc { max-width: 920px; }
.sum-lede { font-family: var(--ed-serif); font-size: 15px; line-height: 1.6; color: var(--ed-text-2); margin: 2px 0 26px; }
.sum-sec { margin: 0 0 42px; padding-top: 28px; border-top: 1px solid var(--ed-line); }
.sum-sec:first-of-type { border-top: 0; padding-top: 0; }
.sum-h { display: flex; align-items: center; gap: 13px; font-family: var(--ed-display); font-size: 28px; font-weight: 500; color: var(--ed-ink); margin: 0 0 16px; letter-spacing: -0.01em; }
.sum-n { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: var(--ed-ink); color: #fff; font-family: var(--ed-sans); font-size: 14px; font-weight: 700; flex: none; }
.sum-sub { font-family: var(--ed-sans); font-size: 12px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--ed-ox); margin: 20px 0 8px; }
.sum-tag { font-family: var(--ed-serif); font-size: 13.5px; color: var(--ed-text-2); margin: 0 0 12px; }
.sum-tag-i { font-family: var(--ed-sans); font-size: 10.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--ed-text-3); }
.sum-note { font-family: var(--ed-sans); font-size: 12px; color: var(--ed-text-3); font-style: italic; margin: 10px 0 0; }
.sum-ref { font-family: var(--ed-sans); font-size: 11px; font-weight: 600; color: #1763a6; text-decoration: none; }
.sum-ref:hover { text-decoration: underline; }

/* glance + trade tables */
.sum-glance { border-collapse: collapse; width: 100%; margin: 2px 0 4px; }
.sum-glance th { text-align: left; font-family: var(--ed-sans); font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--ed-text-3); padding: 6px 16px 6px 0; vertical-align: top; white-space: nowrap; width: 1%; }
.sum-glance td { font-family: var(--ed-serif); font-size: 14.5px; color: var(--ed-ink); padding: 6px 0; border-bottom: 1px solid var(--ed-line); }
.sum-pos { font-family: var(--ed-serif); font-size: 14.5px; line-height: 1.6; color: var(--ed-ink); margin: 14px 0 0; }

/* commit blocks — visually distinct (two paste destinations) */
.commit { border-radius: var(--as-r-md); padding: 16px 18px; }
.commit-a { background: #f4f8fc; border: 1px solid #d6e4f1; border-left: 4px solid #1763a6; }
.commit-b { background: #f6f4fb; border: 1px solid #e0dbf0; border-left: 4px solid #5b46a8; }

/* copy targets */
.cp-block { position: relative; margin: 0 0 8px; }
.cp-src { font-family: var(--ed-mono); font-size: 12.5px; line-height: 1.55; color: var(--ed-ink); background: #fff; border: 1px solid var(--ed-line); border-radius: var(--as-r-sm); padding: 11px 13px; margin: 0; white-space: pre-wrap; word-break: break-word; }
.cp-src.sum-desc { font-family: var(--ed-serif); font-size: 14px; line-height: 1.62; white-space: normal; }
.cp-src.sum-desc p { margin: 0 0 9px; } .cp-src.sum-desc p:last-child { margin-bottom: 0; }
.cp { position: absolute; top: 7px; right: 7px; font-family: var(--ed-sans); font-size: 11px; font-weight: 600; color: #1763a6; background: #fff; border: 1px solid #cdddec; border-radius: var(--as-r-sm); padding: 3px 9px; cursor: pointer; }
.cp:hover { background: #eaf1f9; } .cp.copied { color: #2e7d46; border-color: #b9dcc4; background: #eef7f0; }
.sum-kwmeta { list-style: none; padding: 0; margin: 6px 0 4px; display: flex; flex-wrap: wrap; gap: 5px 16px; font-family: var(--ed-mono); font-size: 11.5px; color: var(--ed-text-2); }
.sum-kwmeta .over { color: #b0231f; font-weight: 700; font-family: var(--ed-sans); }
.sum-xref { font-family: var(--ed-serif); font-size: 13.5px; font-style: italic; color: var(--ed-text-2); border-left: 2px solid var(--ed-line); padding-left: 12px; margin: 4px 0 0; }
.sum-trade { max-width: 560px; }

/* comp cover grid — fixed-size cover thumbnails (never sized to the grid cell) + notes below */
.sum-compgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px 24px; margin-top: 8px; align-items: start; }
.sum-comp { margin: 0; }
.sum-comp-cover { width: 100px; height: 150px; border-radius: var(--as-r-sm); overflow: hidden; background: #ece9e2; box-shadow: 0 2px 9px rgba(0,0,0,.14); margin-bottom: 9px; }
.sum-comp-cover img { width: 100px; height: 150px; object-fit: cover; display: block; }
.sum-comp-cover .noc { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-family: var(--ed-display); font-size: 34px; color: var(--ed-text-3); }
.sum-comp-meta b { font-family: var(--ed-serif); font-size: 14px; color: var(--ed-ink); display: block; line-height: 1.25; }
.sum-comp-meta .ca { font-family: var(--ed-sans); font-size: 11.5px; color: var(--ed-text-3); display: block; margin: 1px 0 5px; }
.cnote { font-family: var(--ed-serif); font-size: 12.5px; line-height: 1.45; color: var(--ed-text-2); margin: 0 0 3px; }
.cnote.cdiv { color: var(--ed-text-3); font-style: italic; }

/* tagline + decisions */
.sum-tagline { font-family: var(--ed-display); font-size: 24px; font-weight: 500; font-style: italic; color: var(--ed-ink); border-left: 3px solid var(--ed-ox); padding: 4px 0 4px 18px; margin: 0 0 8px; line-height: 1.3; }
.sum-decisions { background: #fbfaf8; border: 1px solid var(--ed-line); border-radius: var(--as-r-md); padding: 18px 20px; }
.sum-gaps { margin: 4px 0 12px; padding-left: 20px; }
.sum-gaps li { font-family: var(--ed-serif); font-size: 13.5px; line-height: 1.55; color: var(--ed-ink); margin: 0 0 3px; }
.gsec { font-family: var(--ed-sans); font-size: 11px; font-weight: 600; color: #1763a6; text-decoration: none; }
.gcount { font-family: var(--ed-sans); font-size: 11px; font-weight: 700; color: #fff; background: var(--ed-ox); border-radius: 9px; padding: 1px 8px; vertical-align: middle; }

/* print: keep the commit blocks + comp grid, drop interactive chrome */
body.printing .cp { display: none; }
body.printing .sum-compgrid { grid-template-columns: repeat(3, 1fr); }
body.printing .commit { break-inside: avoid; }
body.printing .sum-comp { break-inside: avoid; }

/* IngramSpark keyword field — green, wrapping (matches the master's approved-field treatment) */
.cp-src.ingram-field { background: var(--ed-sage-bg); border-color: #bcd0ad; color: var(--ed-sage); white-space: pre-wrap; word-break: break-word; line-height: 1.6; }
/* summary polish */
.commit { padding: 18px 22px; margin-top: 4px; }
.commit .sum-sub:first-of-type { margin-top: 4px; }
.summary-doc .masthead { margin-bottom: 30px; }
.sum-lede { border-left: 3px solid var(--ed-line); padding-left: 16px; }

/* series create/intake form bits */
.checkrow { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 4px; }
.checkopt { font-family: var(--ed-sans); font-size: 13px; color: var(--ed-ink); display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.field-row { display: flex; gap: 18px; }
.field-row .field { flex: 1; }

/* ===== dashboard series card (expandable) ===== */
.series-list { display: flex; flex-direction: column; gap: 16px; margin-bottom: 26px; }
.series-card { border: 1px solid var(--ed-line); border-radius: var(--as-r-md); background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.05); overflow: hidden; }
.series-card.bcard-finalized { border-left: 4px solid var(--ed-sage); }
.series-card.bcard-norun { border-left: 4px solid var(--ed-line); }
.series-card-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 20px; cursor: pointer; list-style: none; }
.series-card-head::-webkit-details-marker { display: none; }
.series-card-id::before { content: "\25B8"; color: var(--ed-text-3); font-size: 12px; transition: transform .15s; align-self: center; }
details[open] .series-card-id::before { transform: rotate(90deg); }
.series-card-id { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; min-width: 0; }
.series-badge { font-family: var(--ed-sans); font-size: 9.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #fff; background: #5b46a8; border-radius: 3px; padding: 2px 7px; }
.series-card-title { font-family: var(--ed-display); font-size: 19px; font-weight: 500; color: var(--ed-ink); }
.series-card-pos { font-family: var(--ed-sans); font-size: 11.5px; color: var(--ed-text-3); }
.series-card-right { display: flex; align-items: center; gap: 12px; flex: none; }
.series-card-count { font-family: var(--ed-sans); font-size: 12px; color: var(--ed-text-2); }
.series-card-body { padding: 4px 20px 18px; border-top: 1px solid var(--ed-line); }
.series-card-members { display: flex; flex-direction: column; gap: 2px; margin: 12px 0 14px; }
.series-member { display: flex; align-items: center; gap: 12px; padding: 7px 10px; border-radius: var(--as-r-sm); text-decoration: none; color: var(--ed-ink); }
.series-member:hover { background: #faf9f7; }
.sm-num { font-family: var(--ed-mono); font-size: 12px; color: var(--ed-text-3); width: 22px; text-align: right; flex: none; }
.sm-title { font-family: var(--ed-serif); font-size: 14.5px; flex: 1; }

/* series-member cover thumbnail (dashboard card rows) */
.sm-cover { width: 30px; height: 45px; border-radius: 3px; overflow: hidden; background: #ece9e2; flex: none; box-shadow: 0 1px 3px rgba(0,0,0,.15); }
.sm-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sm-noc { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-family: var(--ed-display); font-size: 16px; color: var(--ed-text-3); }

/* Add Series button: crimson border + text on hover */
.btn.add-series { transition: border-color .12s, color .12s; }
.btn.add-series:hover { border-color: var(--ed-ox); color: var(--ed-ox); }

/* top Approve & finalize action in the review masthead */
.masthead-action { margin-left: auto; align-self: center; display: flex; align-items: center; gap: 10px; flex: none; }

/* book card remove controls (operator) */
.bcard-remove { display: flex; gap: 16px; margin-top: 10px; padding-top: 9px; border-top: 1px solid var(--ed-line); }
.db-remove { background: none; border: none; padding: 0; font-family: var(--ed-sans); font-size: 11.5px; color: var(--ed-text-3); cursor: pointer; }
.db-remove:hover { color: var(--ed-ink); text-decoration: underline; }
.db-remove.danger:hover { color: #b0231f; }

/* signed-out login on the standard page: centered sign-in block */
.login-center { display: flex; justify-content: center; padding: 32px 0 72px; }
.login-head { font-family: var(--ed-display); font-size: 24px; font-weight: 500; color: var(--ed-ink); margin: 0 0 22px; }
.login-center .login-btn { width: 100%; margin-top: 6px; }

/* series cover images */
.series-cover-sm { width: 28px; height: 42px; object-fit: cover; border-radius: 2px; align-self: center; flex: none; }
.series-cover-lg { width: 64px; height: 96px; object-fit: cover; border-radius: 3px; flex: none; box-shadow: 0 1px 3px rgba(0,0,0,.15); }

/* series cover uploader on the series page header */
.series-cover-up { display: flex; align-items: center; gap: 8px; flex: none; }
.series-cover-up input[type=file] { font-size: 11px; max-width: 210px; }