/* artofroleplaying.com: page layout only (goal 3425). The look (type, buttons by role, pill tabs, #EEE tiles, list rows) is
   /css-lib/cheatsheet-life.css, the cheatsheet.life family sheet; never restyle any of it here. */
@media (min-width: 1024px) { .section > .container:not(.narrow):not(.is-fluid) { max-width: 880px; } }   /* main 880px from 1024px, as inventory and todo; beats Bulma's :not() widths */
.productName { font-weight: 600; }
.rules { max-width: 640px; }   /* rules.html (goal 3426): a reading measure for 3000 words of running text; the nav keeps the 880px main */
.rolled { display: flex; flex-direction: column; gap: 2px; flex: 1 1 14em; min-width: 0; }   /* prep pages (goal 3427): the caption over the rolled value; the value shrinks before Roll / Keep wrap under it */
.signedIn { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 8px; }   /* play.html (goal 3428): who is signed in, Sign out beside it */
.roleLine { margin-bottom: 16px; }   /* game.html: the caller's role and what it lets them do */
.post { margin: 24px 0 12px; }   /* one post of the book */
.postBody p, .ideaBody { white-space: pre-line; }   /* a writer's single line breaks stay; blank lines are paragraphs */
.idea { flex: 1 1 100%; min-width: 0; }   /* an idea or a secret row: name and time over the text */
.ideaBody { margin-top: 4px; }
.ideasCaption { margin: 12px 0 8px; }
[hidden] { display: none !important; }   /* Bulma's .help (display: block) and friends must not show an element the page has hidden */