/*
  Family "content": the Guild Library pages generated from web/content (tools/content.mjs). They are built from the
  reading layout of expansion-v2 (x2-doc, x2-rail, x2-article), the xc-* components, .draft-banner, .table / .table-card
  and the type ramp; this file only arranges them. (search.html's results moved to families/search.css on 5 October.)

  RULES (release.json "brandStrict", checked by tools/build.mjs): no typography (font, font-*, letter-spacing,
  line-height, text-transform) and no colour literals — colours are --aw-* tokens. Classes are prefixed x2c-.
  Loaded only where content is shown: every page of a --all preview that carries content, never in a release without
  approved items (the file is then left out of dist/).
*/

/* ---------------------------------------------------------------- article body */
.x2-article [id] { scroll-margin-top: calc(var(--aw-header-h) + 24px); }
.x2-article > .draft-banner { margin-top: 0; max-width: none; }
.x2-article section > h3, .x2-article section > h4 { margin-top: 12px; }
.x2-article ul:not([role]), .x2-article ol:not([role]) { display: grid; gap: 10px; margin: 0; padding-left: 1.4em; color: var(--aw-text-secondary); }
.x2-article ul:not([role]) li::marker, .x2-article ol:not([role]) li::marker { color: var(--aw-accent-gold); }
.x2-article li strong, .x2-article p strong { color: var(--aw-text-primary); }
.x2-article .xc-note > p + p { margin-top: 8px; }
.x2c-checklist li { align-items: flex-start; }
.x2c-checklist .icon { margin-top: 4px; }
.x2c-code { margin: 0; padding: 14px 16px; overflow-x: auto; border: 1px solid var(--aw-border-line); border-radius: var(--aw-radius-md); background: var(--aw-bg-secondary); color: var(--aw-text-primary); }

/* tables: the portal's .table in a .table-card that scrolls sideways on small screens instead of the page */
.x2c-table { overflow-x: auto; }
.x2c-table .table { min-width: 560px; }
.x2c-table .table td, .x2c-table .table th { vertical-align: top; }
.x2c-table:focus-visible { outline-offset: 2px; }

/* the hero byline + draft note under the summary */
.xc-hero__copy .draft-banner { max-width: 650px; }
.x2-profile .draft-banner { margin-top: 0; }

/* panels: a line without artwork */
.x2c-plain-lines .xc-line { grid-template-columns: minmax(0, 1fr); }
.x2c-profile--text { grid-template-columns: minmax(0, 1fr); }

/* A section's illustration (web/content/media; tools/content.mjs sectionFigure): the generated art at full column
   width, after the section's first paragraph. */
.x2-figure--art { margin: var(--aw-space-6) 0; }
.x2-figure--art img { display: block; width: 100%; height: auto; border: 1px solid var(--aw-border-line); border-radius: var(--aw-radius-md); }