/* Hallmark · shape: app screen · genre: atmospheric · theme: Darkroom (deal 1/3, carried from app.css) · scope: app · screen: check a page, catalogue card (recorded, ok, caution, abstain) · nav: slab, kept · footer: index columns, kept · hero: none, app screen · posture: restrained · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E4 S4 R4 V4 · weakest: S, the card had to stay inside the shared Darkroom shell; it reads as a catalogue slip through ruled fields and one display figure, not a new surface */

/* catalogue card: one ruled slip on paper-2, no box inside it */
.recorded { display: grid; gap: var(--space-3xs); padding-left: var(--space-md); border-left: 2px solid var(--color-accent); font-size: var(--text-sm); color: var(--color-ink-2); }
.recorded strong { font-weight: 400; color: var(--color-ink); }

.card { min-width: 0; overflow-wrap: anywhere; display: grid; gap: var(--space-xl); padding: var(--space-xl); background: var(--color-paper-2); color: var(--color-ink); border-top: 2px solid var(--color-accent-deep); }
@media (max-width: 40rem) { .card { padding: var(--space-lg) var(--space-md); gap: var(--space-lg); } }
.card-head { display: grid; gap: var(--space-xs); }
.card-head h2:focus { outline: none; }
.card-head h2:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.card h3 { font-size: var(--text-title); }
.card .figure { display: block; font-size: clamp(2.25rem, 2.5vw + 1rem, 3.5rem); overflow-wrap: anywhere; min-width: 0; font-variant-numeric: tabular-nums; }

.classes { margin: 0; padding: 0; list-style: none; display: grid; border-top: var(--rule-hair) solid var(--color-rule); }
.classes li { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr) 4ch; gap: var(--space-md); align-items: center; padding: var(--space-sm) 0; border-bottom: var(--rule-hair) solid var(--color-rule); }
.classes .pct { text-align: right; font-variant-numeric: tabular-nums; color: var(--color-ink); }
.classes li:first-child .name { color: var(--color-ink); }
.classes .name { color: var(--color-ink-2); overflow-wrap: anywhere; min-width: 0; }
@media (max-width: 40rem) { .classes li { grid-template-columns: minmax(0, 1fr) 4ch; } .classes .hbar { grid-column: 1 / -1; grid-row: 2; } }

.card .sheet dd { overflow-wrap: anywhere; min-width: 0; }
@media (max-width: 40rem) { .card .sheet > div { grid-template-columns: minmax(0, 1fr); gap: var(--space-3xs); } }

.quality { display: grid; gap: var(--space-sm); }
.quality .cautions { margin-top: var(--space-2xs); }

/* book lists: titles may be long, unspaced or in any Indian script */
.book { overflow-wrap: anywhere; min-width: 0; }
.book a { text-decoration-color: var(--color-muted); }
.book a:hover { text-decoration-color: var(--color-accent); }
.book a:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
[lang]:not(html) { line-height: 1.7; }

.scripts { margin: 0; display: grid; border-top: var(--rule-hair) solid var(--color-rule); }
.scripts > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); gap: var(--space-md); padding: var(--space-md) 0; border-bottom: var(--rule-hair) solid var(--color-rule); }
.scripts dt { font-family: var(--font-display); font-size: var(--text-title); text-transform: uppercase; line-height: 1.1; color: var(--color-ink); }
.scripts dt .small { display: block; font-family: var(--font-body); text-transform: none; color: var(--color-muted); }
.scripts dd { margin: 0; }
.scripts ul, .editions { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--space-sm); }
.scripts li, .editions li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-md); align-items: baseline; }
.scripts .num, .editions .num { color: var(--color-muted); font-size: var(--text-sm); }
@media (max-width: 40rem) { .scripts > div { grid-template-columns: minmax(0, 1fr); gap: var(--space-sm); } }

#result td .book { display: block; }
.card .classes li:last-child { border-bottom: 0; }
.dist-word { color: var(--color-muted); }