/* THE ANSWERS KIND (13 pages): the question as the heading, the short answer as the lead, then the full answer beside
   "On this page", its questions, where to read next and the closing band. The approved example is
   the board's rebrand/pages/src/answers-how-much.html; it uses the kit's pieces, so this sheet only adds what the
   real pages carry that the example left out. */

/* the date the answer was checked, under the lead (the example's own spacing) */
.pg-answer .page-hero .note{margin-top:14px}

/* a table sits in a figure whose caption is a small note above it, as on the guides (a caption inside the table squares
   off the kit's rounded corners); the live captions stay */
.pg-answer .art .tbl-fig{margin:1.4em 0 0}
.pg-answer .tbl-fig figcaption{margin:0 0 10px;padding:0 2px;font-size:14px;line-height:1.45;color:var(--muted)}
.pg-answer .tbl-scroll{padding:1px}
.pg-answer .art .tbl{line-height:1.5}

/* where to read next: the live closing line, the pages it names as cards, and its action */
.pg-answer .see-also{margin-top:2.4em}
.pg-answer .see-also .next-cards{margin-top:1.1em}
.pg-answer .see-also .see-go{margin-top:1.3em}

/* Studio's "Opens later", as a small chip (scripts/site-opens.test.ts holds the word) */
.pg-answer .soon{display:inline-flex;align-items:center;font-family:var(--display);font-weight:700;font-size:13px;padding:5px 10px;border-radius:9px;background:var(--panel);color:var(--ink-2)}