/* ---------- THE BRIEF: THE FIRST PAGE OF EVERY COMIC ----------
   Mark's ruling, 2026-09-02. It stands where the sheet stands, so it takes
   the same surface, and it reads as A DOCUMENT rather than a form. The
   column holds a reading measure whatever the canvas is doing, because a
   paragraph set the width of a wide screen is a paragraph nobody reads.

   MARK'S SECOND RULING, SAME DAY, looking at the canvas: "Why this ugly
   shit. I am sick of mono type." Gone: mono caps kickers, pill presses in
   mono type, a blue-filled button, dashed placeholder boxes. In: the house
   body face throughout, at Novel Forge's sizes, a heading reads like
   Novel Forge's section heading (.novel-empty-h in audiobook.css), a field
   is the house's own `.field` (the character editor's shape, components.css),
   and the two presses at the foot are Novel Forge's own `.work-button`
   family (components.css) rather than a Comic Forge canvas tool.

   Split out of comic-forge.css (near 600 lines on its own) so the brief's
   rules have one home and that sheet stays under the line. */
.cf-page-surface-brief{align-items:start;place-items:start center;padding:var(--s5) var(--s4)}
.cf-brief{display:grid;gap:var(--s3);width:min(100%,720px);text-align:left}

/* the headings: sentence case, the house body face, Novel Forge's own
   section-heading size and weight (.novel-empty-h), muted rather than the
   full ink a title would carry. The class stays .cf-kick, the walk (grep
   comic-brief in tools/comic/eyes.mjs) reads it by name. */
.cf-brief .cf-kick{margin:var(--s4) 0 0;padding:0;font-size:var(--t-sub);font-weight:var(--w-semi);color:var(--muted);text-transform:none;letter-spacing:normal}
.cf-brief .cf-kick:first-child{margin-top:0}

/* the boxes: the house's own field shape, .field from components.css. */
.cf-brief-about{min-height:120px}

/* who is in it */
.cf-brief-cast,.cf-brief-pages{display:grid;gap:var(--s2)}
.cf-brief-cast-row{display:grid;grid-template-columns:36px minmax(0,10ch) minmax(0,1fr) 28px;align-items:center;gap:var(--s3)}
.cf-brief-face{display:grid;place-items:center;width:36px;height:36px;overflow:hidden;border:var(--bd) solid var(--edge);border-radius:50%;background:var(--inset)}
.cf-brief-face img{width:100%;height:100%;object-fit:cover}
.cf-brief-blank{color:var(--muted);font-size:var(--t-small)}
.cf-brief-cast-name{overflow:hidden;font-size:var(--t-body);font-weight:var(--w-med);color:var(--text);text-overflow:ellipsis;white-space:nowrap}

/* the pages, numbered, one line each, the number small and muted, left of
   the line, in the house body face (no mono digits). */
.cf-brief-page{display:grid;grid-template-columns:24px minmax(0,1fr) 28px;align-items:start;gap:var(--s3)}
.cf-brief-no{padding-top:var(--s4);color:var(--muted);font-size:var(--t-tiny);font-variant-numeric:tabular-nums;text-align:right}
.cf-brief-line{min-height:56px}

/* the crosses: quiet until the hand is on them */
.cf-brief-x{width:28px;height:28px;border:var(--bd) solid transparent;border-radius:50%;background:none;color:var(--muted);cursor:pointer}
.cf-brief-x:hover:not(:disabled){color:var(--accent);border-color:var(--accent-line)}
.cf-brief-x:disabled{opacity:.28;cursor:default}

/* the two adds: quiet text presses in the house face, no dashed box, no
   pill, Novel Forge's add-a-chapter row (.fw-set-new) is the shape this
   answers to, but flattened to plain text since the brief carries no list
   furniture of its own to butt up against. */
.cf-brief-add{justify-self:start;display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:2px 2px;border:0;background:none;color:var(--muted);font:inherit;font-size:var(--t-small);cursor:pointer}
.cf-brief-add:hover:not(:disabled){color:var(--accent)}
.cf-brief-add:disabled{opacity:.4;cursor:default}
.cf-brief-add-plus{display:inline-flex;align-items:center;justify-content:center;width:1.2em;font-weight:var(--w-med)}

/* the roster, as faces with their names under the hand */
.cf-brief-picker{display:flex;flex-wrap:wrap;gap:var(--s2);padding:var(--s3);border:var(--bd) solid var(--edge);border-radius:var(--r-md);background:var(--inset)}
.cf-brief-pick{display:flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s3) var(--s1) var(--s1);border:var(--bd) solid var(--edge);border-radius:var(--r-pill);background:none;color:var(--text);font-size:var(--t-small);cursor:pointer}
.cf-brief-pick:hover:not(:disabled){border-color:var(--accent-line);background:var(--accent-soft)}
.cf-brief-pick img{width:24px;height:24px;border-radius:50%;object-fit:cover}
.cf-brief-none{margin:0;color:var(--muted);font-size:var(--t-small)}

/* the foot: Novel Forge's own press shape, not a pill, not mono. The
   primary carries no width:100% here, .work-button's card posture is
   right on a card and wrong loose on a document's own foot row, so the
   brief sizes them by their own label instead. */
.cf-brief-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin-top:var(--s4)}
.cf-brief-foot .cf-brief-main{width:auto;padding:9px 18px}