/* The Chronicle on the account, feedback, FAQ and What's new pages (2026-10-24): what the shared sheets (style.css, pages.css,
   chronicle.css) leave dark on those pages' parchment. Linked after pages.css; the Willo door (willocompanion.com) keeps its own look. */
:where(html:not([data-door="willo"])) {
  /* The account's tabs are ribbons hanging over the sheet (community.css .ac-ribbons): no sticky strip, no rule under them. */
  .ac-ribbons > .ac-tabs { position: static; margin: 0; padding: 0; overflow: visible; border: 0; background: none; gap: 4px; }
  .ac-tabs a { margin: 0; }
  .ac-panel > .fb-form, .ac-panel > .ac-lead { scroll-margin-top: 16px; }
  .bw .bw-in.fb-page:has(#ac-in:not([hidden])) { margin-top: 62px; }

  /* The fine print: its "Updated" line sits clear of the first paragraph. */
  .bw .vp-doc .vp-version { margin: 0 0 18px; }

  /* Feedback: the kinds are the book's chips; the stars are ink (4.5:1) until chosen, then wax. */
  .bw .bw-in .fb-kinds label { border-radius: 4px; }
  .bw .bw-in .fb-stars label { color: var(--pg-muted); }
  .bw .bw-in .fb-stars input:checked ~ label, .bw .bw-in .fb-stars:hover label:hover,
  .bw .bw-in .fb-stars:hover label:hover ~ label { color: var(--pg-wax); text-shadow: none; }
  .bw .bw-in .fb-stars:hover input ~ label { color: var(--pg-muted); }

  /* Signed out: the numbered steps are wax seals, and the example profile is a sheet with a tile for each figure. */
  .ac-steps li::before { color: var(--pg-title); border-color: var(--pg-title); }
  .ac-steps li.ac-now::before, .jp-steps li::before { border-color: #3d0f07; background: var(--pg-title); color: var(--pg-on); }
  .sample-sheet { box-shadow: 0 6px 18px -12px #000; }
  .sample-sheet .vpr-initial { background: var(--pg-title); color: var(--pg-on); }
  .sample-tag { border-color: var(--pg-rim); background: var(--pg-title); color: var(--pg-on); }
  /* The tiles are the book's paper, opaque in both themes, so the figures and their labels read at 4.5:1 and up (a half-clear
     tan over the dark sheet left them near 2:1; Design Lead, 11/1). */
  .ss-stats li { border-color: var(--pg-edge); border-radius: 3px; background: var(--pg-paper); box-shadow: none; }
  .ss-stats strong { color: var(--pg-title); }
  .ss-stats span { color: var(--pg-note); }
  /* Signed in: the plan strip, the invite pieces and the profile's pointer were dark slips. */
  .ac-plan { border-color: var(--pg-rim); background: #cc9e3326; }
  .ac-plan.ac-plan-paid { border-color: var(--pg-edge); background: var(--pg-tile); }
  .ac-share-link code { border-color: var(--pg-edge); background: var(--pg-paper); color: var(--pg-ink); }
  .invite-bar { border-color: var(--pg-edge); background: var(--pg-paper); }
  .invite-bar::-webkit-progress-bar { background: var(--pg-paper); }
  .invite-bar::-webkit-progress-value { background: var(--pg-title); }
  .invite-bar::-moz-progress-bar { background: var(--pg-title); }
  .pf-mine { border-color: var(--pg-rim); background: #cc9e331f; }
  .pf-auto { border-left-color: var(--pg-rim); background: #cc9e331f; }
}

/* ---- The account in the approved layouts (2026-10-24, part Y). Signed out: one bookplate, three numbered steps on the left
   and what we keep on the right. Signed in: ribbons over the sheet (Profile, Contribute, Account, and Willo's own at the
   end, community.css), the account tab in two pages, and Willo's slip where the plans used to be. The Willo door
   (willocompanion.com) keeps its own look: it hides what is not hers (public/willo-site/door.css). ---- */
:where(html:not([data-door="willo"])) {
  .bw .bw-in.fb-page.ac-wide { max-width: 892px; }
  .ac-out:not([hidden]) { display: block; margin: 8px 0 0; }
  .ac-out .ac-card, .bw .bw-in .ac-out .ac-card { margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
  .ac-out .ac-card > h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .ac-out-cols { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0; margin-top: 6px; }
  .ac-out-cols > * { min-width: 0; padding: 4px 22px 4px 0; }
  .ac-out-cols > * + * { padding: 4px 0 4px 22px; border-left: 1px solid color-mix(in srgb, var(--pg-rim) 55%, transparent); }
  .ac-steps li { margin-bottom: 14px; }
  .ac-steps span { color: var(--pg-note); }
  .ac-keep h3 { margin: 0 0 8px; font: 600 1.15rem/1.3 var(--h-display); color: var(--pg-title); }
  .ac-keep p { margin: 0 0 10px; font-family: var(--ch-read); font-size: 1.02rem; line-height: 1.55; color: var(--pg-ink); }
  .ac-keep p.vp-note { font-family: var(--h-body); font-size: 0.92rem; color: var(--pg-note); }
  .ac-privacy { margin-top: 14px; padding: 8px 12px; border: 1px solid var(--pg-edge); border-radius: 3px; background: color-mix(in srgb, var(--pg-tile) 40%, transparent);
    color: var(--pg-ink); font-size: 0.95rem; }
  .ac-privacy summary { padding: 4px 0; color: var(--pg-title); font-weight: 600; }
  .ac-privacy p { color: var(--pg-ink); }
  .ac-sample { max-width: 460px; margin: 26px auto 0; }
  .ac-sample-note { color: var(--pg-note); }
  @media (max-width: 720px) {
    .ac-out-cols { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .ac-out-cols > *, .ac-out-cols > * + * { padding: 0; border: 0; }
    .ac-out-cols > * + * { padding-top: 16px; border-top: 1px solid color-mix(in srgb, var(--pg-rim) 55%, transparent); }
  }

  /* Signed in, the account tab: two pages, flat on the sheet. */
  .ac-two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0; margin-top: 18px; }
  .ac-two > .ac-col { min-width: 0; display: grid; gap: 18px; align-content: start; padding: 4px 22px 4px 0; }
  .ac-two > .ac-col + .ac-col { padding: 4px 0 4px 22px; border-left: 1px solid color-mix(in srgb, var(--pg-rim) 55%, transparent); }
  .ac-two :where(h2) { margin: 0 0 8px; font-size: 1.15rem; }
  .ac-two :where(p) { margin: 0 0 10px; }
  .ac-two :where(.fb-actions) { margin: 8px 0 0; }
  .ac-page-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
  .ac-slip { margin-bottom: 10px; }
  @media (max-width: 720px) {
    .ac-two { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .ac-two > .ac-col, .ac-two > .ac-col + .ac-col { padding: 0; border: 0; }
    .ac-two > .ac-col + .ac-col { padding-top: 16px; border-top: 1px solid color-mix(in srgb, var(--pg-rim) 55%, transparent); }
  }

  /* What became of what you sent: the states are ink on parchment, and light green or red on the dark leather. */
  .bw .bw-in :is(.ac-st-shipped, .ac-st-in, .ac-st-accepted, .ac-st-done) { color: var(--a-new); }
  .bw .bw-in :is(.ac-st-unused, .ac-st-rejected) { color: var(--a-bad); }
}