/* Shared tradition identity: the same component for filters, passages and Guide.
   Grid slot widths and button interaction are controlled by their parent layout. */
html body .badge.tradition-tag[data-tradition] {
 display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
 font:600 11.5px/16px system-ui,sans-serif;letter-spacing:.025em;text-transform:uppercase;
 height:35px;min-height:35px;padding:0 6px;margin:0;border-radius:5px!important;
 border:.5px solid rgba(var(--tradition-rgb),.35);
 background:linear-gradient(to top right,rgba(var(--tradition-rgb),.64) 0%,rgba(var(--tradition-rgb),.32) 22%,rgba(var(--tradition-rgb),.08) 55%,rgba(var(--tradition-rgb),0) 100%);
 background-color:var(--bg-card);color:var(--tradition-color)!important;
 text-shadow:0 1px 3px rgba(0,0,0,.55),0 0 6px rgba(0,0,0,.3);
 box-shadow:none;opacity:1;filter:none;white-space:normal;text-align:center;
}
html.light-mode body .badge.tradition-tag[data-tradition] {
 background:linear-gradient(to top right,rgba(var(--tradition-rgb),.66) 0%,rgba(var(--tradition-rgb),.28) 22%,rgba(var(--tradition-rgb),.06) 55%,rgba(var(--tradition-rgb),0) 100%);
 background-color:var(--bg-card);border-color:rgba(var(--tradition-rgb),.38);
 color:#000!important;text-shadow:0 1px 2px rgba(0,0,0,.175),0 0 4px rgba(0,0,0,.08);
}
html body .badge.tradition-tag[data-tradition].inactive {
 background:#1b1b1b!important;color:#969696!important;border-color:#3b3b3b;
 opacity:1;filter:none;text-shadow:none;
}
html.light-mode body .badge.tradition-tag[data-tradition].inactive {
 background:#e4e4e4!important;color:#626262!important;border-color:#bdbdbd;
}
/* Identity tags use the same broad proportions as the filter slots. */
html body .badge.tradition-tag[data-tradition]:not(.tradition-pill) {width:130px;flex-shrink:0}
@media(max-width:650px) {
 html body .badge.tradition-tag[data-tradition]:not(.tradition-pill) {width:145px}
 html body .badge.tradition-tag[data-tradition] {height:40px;min-height:40px;font-size:11.5px}
}