/* Source citations: subdued type and a colored rule, with links kept secondary. */
.rules-source-badges{display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .45rem;margin:.5rem 0 1rem;font:400 .68rem/1.5 system-ui,sans-serif}
.rules-source-label{color:var(--md-default-fg-color--light,#b1aa98);white-space:nowrap}
.rules-source-gold{--source-ink:#c3af7a;--source-rule:#9e7930;--source-tint:rgba(158,121,48,.08)}
.rules-source-crimson{--source-ink:#d8a0aa;--source-rule:#92475a;--source-tint:rgba(146,71,90,.09)}
.rules-source-green{--source-ink:#a1cdaa;--source-rule:#4d8058;--source-tint:rgba(77,128,88,.1)}
.rules-source-black{--source-ink:#dedbd5;--source-rule:#606060;--source-tint:#161616}
html[data-rules-theme="light"] .rules-source-gold{--source-ink:#70551b}
html[data-rules-theme="light"] .rules-source-crimson{--source-ink:#883747}
html[data-rules-theme="light"] .rules-source-green{--source-ink:#27623a;--source-rule:#367745}
html[data-rules-theme="light"] .rules-source-black{--source-ink:#222;--source-rule:#111;--source-tint:rgba(0,0,0,.06)}
.md-typeset .rules-source-badges a.rules-source-badge,.rules-source-badge{display:inline-block;border:0;border-left:2px solid var(--source-rule);border-radius:0;padding:.05rem .4rem;font:inherit;color:var(--source-ink);background:var(--source-tint);text-decoration:none;max-width:100%;overflow-wrap:anywhere}
.md-typeset .rules-source-badges a.rules-source-badge:hover,.rules-source-badge:hover{text-decoration:underline;text-underline-offset:.15em}
.rules-source-badge:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media print{.rules-source-gold{--source-ink:#70551b}.rules-source-crimson{--source-ink:#883747}}
@media print{.rules-source-green{--source-ink:#27623a;--source-rule:#367745}.rules-source-black{--source-ink:#222;--source-rule:#111;--source-tint:rgba(0,0,0,.06)}}
.azrael-entry{display:flow-root;container-type:inline-size}.azrael-statblock{clear:none;padding-top:1rem}
.azrael-entry h1{scroll-margin-top:5rem}
.rules-book-art-group{display:flex;align-items:flex-start;gap:.4rem;float:right;width:55%;max-width:660px;margin:0 0 1rem 1.5rem}
.md-typeset .rules-book-art-group .rules-book-art{float:none;min-width:0;width:calc(50% - .2rem);max-width:50%;height:auto;max-height:480px;object-fit:contain;margin:0}
@media(max-width:700px){.rules-book-art-group{float:none;width:100%;margin:1rem auto}.azrael-entry h1{scroll-margin-top:13rem}}
.azrael-entry .ability-scores{max-width:100%;overflow:auto}
.azrael-entry .ability-scores .md-typeset__scrollwrap{margin:1em 0}
.azrael-entry .ability-scores .md-typeset__table{display:block;padding:0}
.azrael-entry .ability-scores table{display:table;table-layout:fixed;width:100%;min-width:0}
.md-typeset.azrael-entry .ability-scores th,.md-typeset.azrael-entry .ability-scores td{min-width:0;padding:.45rem .2rem;text-align:center}
.azrael-entry .source-page{font-size:.75rem;opacity:.8;clear:both}

/* Paragraph lines wrap beside the artwork and reclaim its space below.
   Only quote boxes establish a new formatting context, so their backgrounds
   shrink beside the float instead of painting underneath it. */
.azrael-entry > .rules-page-image{display:block;float:right;width:min(36%,320px);margin:0 0 1rem 1.5rem}
.azrael-entry > .rules-book-art-group{float:right;width:min(45%,480px);margin:0 0 1rem 1.5rem}
.azrael-entry blockquote{display:flow-root}
.azrael-entry > :is(.rules-page-image,.rules-book-art-group) + h3,
.azrael-entry > :is(.rules-page-image,.rules-book-art-group) + .azrael-statblock > :first-child{margin-top:0}
.azrael-entry > :is(.rules-page-image,.rules-book-art-group) + .azrael-statblock{padding-top:0}
@container(max-width:600px){
    .azrael-entry > .rules-page-image{float:none;width:min(100%,320px);margin:1rem auto}
    .azrael-entry > .rules-book-art-group{float:none;width:min(100%,480px);margin:1rem auto}
}

/* Silk Road source and responsive reference tables. */
.rules-source-sea{--source-ink:#8fcde1;--source-rule:#337d98;--source-tint:rgba(51,125,152,.12)}
html[data-rules-theme="light"] .rules-source-sea{--source-ink:#205e76}
.md-typeset .book-table-wrap{max-width:100%;overflow-x:auto;margin:1rem 0}
.md-typeset .book-table-wrap table{margin:0;min-width:24rem}
.md-typeset [id^="seafaring-"]{scroll-margin-top:6rem}
@media(max-width:700px){.md-typeset [id^="seafaring-"]{scroll-margin-top:14rem}}
@media print{.rules-source-sea{--source-ink:#205e76}}

/* Unofficial playtest citations keep the notice directly beneath their badge. */
.rules-source-purple{--source-ink:#d1b5ed;--source-rule:#9871bd;--source-tint:rgba(152,113,189,.12)}
html[data-rules-theme="light"] .rules-source-purple{--source-ink:#643a88;--source-rule:#8052a6}
.rules-source-citation{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0;max-width:100%}
.rules-source-note{display:block;color:var(--md-default-fg-color,#ddd);font-size:.65rem;line-height:1.5}
.md-typeset .ua-source-page{font-size:.72rem;color:var(--md-default-fg-color--light)}
.md-typeset .ua-editor-note{border-left:2px solid var(--source-rule,#9871bd);padding-left:.7rem;font-size:.75rem}
.md-typeset [id^="ua-"]{scroll-margin-top:6rem}
@media(max-width:700px){.md-typeset [id^="ua-"]{scroll-margin-top:14rem}}
@media print{.rules-source-purple{--source-ink:#643a88;--source-rule:#8052a6}}