/* These are reading layouts, not separate entity-card or identity styles. */
.alchemy-use-summary { min-width:0; margin-block:1rem; text-align:left; }
.alchemy-use-pairs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; align-items:start; }
.alchemy-use-pairs > article { display:grid; align-content:start; gap:.625rem; min-width:0; }
.alchemy-workshop .alchemy-use-pairs > article > p { margin:0; }
.alchemy-workshop .alchemy-use-note { margin:.75rem 0; }
.alchemy-workshop :is(.alchemy-use-levels,.alchemy-use-rarity,.alchemy-use-tiers) { width:100%; table-layout:fixed; margin:0; }
.alchemy-workshop .alchemy-use-levels :is(th,td) { padding:.625rem .5rem; vertical-align:middle; }
.alchemy-use-levels__tier { width:5rem; }
.alchemy-workshop .alchemy-use-levels :is(th,td):last-child { text-align:center; white-space:nowrap; }
.alchemy-workshop .alchemy-use-levels tbody th { background:transparent; }
.alchemy-workshop .alchemy-use-rarity { max-width:30rem; margin-top:1.25rem; }
.alchemy-use-rarity caption { margin-bottom:.5rem; text-align:left; color:var(--text-secondary); }
.alchemy-workshop .alchemy-use-rarity :is(th,td) { padding:.5rem; vertical-align:middle; }
.alchemy-workshop .alchemy-use-rarity tbody th { background:transparent; }
.alchemy-workshop :is(.alchemy-use-levels,.alchemy-use-rarity) tbody tr:last-child th { border-bottom:0; }
.alchemy-workshop .alchemy-use-rarity :is(th,td):not(:first-child) { text-align:center; font-variant-numeric:tabular-nums; }
.alchemy-workshop .alchemy-use-tiers :is(th,td) { text-align:center; padding:.5rem .25rem; white-space:nowrap; }
@media(min-width:960px) {
 .alchemy-use-summary[data-alchemy-use-category="xp-scrolls"] { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:start; column-gap:1.5rem; row-gap:.75rem; }
 .alchemy-workshop [data-alchemy-use-category="xp-scrolls"] .alchemy-use-rarity { max-width:none; margin-top:0; }
 /* Both table headers align; the rarity explanation remains its caption,
    immediately below the small table rather than a floating text block. */
 [data-alchemy-use-category="xp-scrolls"] .alchemy-use-rarity caption { caption-side:bottom; margin:.5rem 0 0; }
 .alchemy-workshop [data-alchemy-use-category="xp-scrolls"] > .alchemy-use-note { grid-column:1/-1; margin:0; }
}
@media(max-width:639px) {
 .alchemy-use-pairs { grid-template-columns:minmax(0,1fr); gap:1.25rem; }
 /* The reader adds --simple at runtime; its generic 42% first column
    must yield to this comparison's explicit narrow tier column. */
 .alchemy-workshop .alchemy-use-levels.guide-table--simple tr > :first-child:not([colspan]) { width:auto; }
}