#traditions-view[hidden]{display:none!important}
#traditions-view{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;overflow:hidden}
.tradition-content{min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px 16px;background:var(--site-surface,var(--surface,#fff));color:var(--site-ink,var(--text,#242431));border:1px solid var(--site-line,var(--line,#ddd));border-radius:14px}
.tradition-content header{display:flex;justify-content:space-between;align-items:center;gap:12px}.tradition-content header h2{font-size:20px;margin:0}.tradition-content h3{font-size:24px;margin:8px 0 14px}.tradition-content h4{margin:16px 0 4px}.tradition-content p{line-height:1.65;font-size:14px}.tradition-content nav{display:flex;gap:6px;overflow-x:auto;padding:6px 0 14px}.tradition-content nav button{flex:0 0 auto;text-align:left;font-size:13px;padding:7px 10px}.tradition-content nav button small{display:block;font-size:10px;opacity:.7}.tradition-content nav button[aria-current=true]{border-color:var(--accent,#6651bf);color:var(--accent,#6651bf)}
.tradition-figure{position:relative;margin:0;border-radius:14px;overflow:hidden}.tradition-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.tradition-dock{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:4px;background:rgba(20,20,25,.75);padding:5px;border-radius:22px;white-space:nowrap}.tradition-dock button{background:transparent;border:0;color:white;font-size:13px;padding:7px 12px;min-height:40px;border-radius:17px}.tradition-dock button[aria-pressed=true]{background:#fff;color:#242431}
.tradition-tones{display:flex;gap:8px;flex-wrap:wrap}.tradition-tones span{font-size:13px;padding:7px 10px;border:1px solid var(--line,#ddd);border-radius:8px}.tradition-tones small{display:block;opacity:.65;font-size:11px}.tradition-content [data-exam-panel]{margin-top:18px;padding-top:12px;border-top:1px solid var(--line,#ddd)}.tradition-content [data-exam-panel] button{margin:6px 6px 0 0}.tradition-content a{font-size:13px}.tradition-content details{font-size:13px;margin:14px 0}

.tradition-content nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:12px}
.tradition-family{min-width:0}
.tradition-content nav .tradition-family h3{font-size:14px;margin:0 0 6px}
.tradition-content nav button{display:block;width:100%;white-space:normal;min-height:44px;margin:4px 0}
#mobile-traditions-nav{flex:0 0 53px;display:flex;align-items:center;justify-content:space-between;min-height:53px}
#mobile-traditions-nav span{padding:8px;color:var(--site-muted)}
.tradition-content article{max-width:900px;margin:auto}
@media(max-width:760px){.tradition-content{padding:10px}.tradition-content nav{gap:6px}.tradition-content nav .tradition-family h3{font-size:12px;min-height:34px}.tradition-content nav button{font-size:11px;padding:5px}.tradition-content p{font-size:13px}}