/* Subject pages (categories.html, c/<id>/): legacy cards and notes. Tiles and grids live in site.css (the home page uses them too). */
.sj-note{max-width:80ch;color:var(--ink-2);font-size:var(--t14)}
.sj-tag{display:inline-block;font:500 var(--t12)/1.4 var(--mono);letter-spacing:.02em;padding:1px 6px;border:1px solid var(--rule);border-radius:var(--r-s);color:var(--ink-2);background:var(--hatch);white-space:nowrap}
.sj-theme{font-size:var(--t14);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin:var(--s5) 0 var(--s3)}
.sj-empty summary{cursor:pointer;list-style:none;display:flex;align-items:baseline;gap:var(--s3);margin-bottom:var(--s4)}
.sj-empty summary h2{display:inline}
.sj-crumb{font-size:var(--t14);margin-bottom:var(--s3)}
.sj-group{margin-bottom:var(--s7)}
.sj-ph{margin-bottom:var(--s3);display:flex;flex-wrap:wrap;gap:var(--s2);align-items:baseline}
.sj-ph .dim{font-size:var(--t13);font-weight:400}
.sj-wait{font-size:var(--t14);max-width:90ch}
.lg-prompt{font-size:var(--t14);color:var(--ink-2);max-width:90ch}
.lg-card{border:1px solid var(--rule);border-radius:var(--r);background:var(--plate);overflow:hidden;display:flex;flex-direction:column}
.lg-plate{display:block;aspect-ratio:1/1;background:#fff;border-bottom:1px solid var(--rule)}
.lg-plate img{width:100%;height:100%;object-fit:contain}
.lg-label{padding:var(--s2) var(--s3) var(--s3);display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.lg-who{font-size:var(--t13);font-weight:600;margin:0;overflow-wrap:anywhere}
.lg-note{font-size:var(--t12);color:var(--ink-3);margin:0;font-style:italic}
.lg-label .sj-tag{white-space:normal;max-width:100%;font-size:11px}