.traditions-page { max-width:1100px; }
.traditions-tools { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:12px 16px; padding-top:16px; }
.traditions-tools label { display:flex; flex-direction:column; gap:8px; min-width:0; color:var(--muted); font-size:12px; }
.traditions-tools :is(input[type=search],select) { min-height:var(--ui-touch-target,44px); font-size:16px; padding:10px 12px; border:1px solid var(--line); border-radius:var(--ui-control-radius,8px); color:var(--ink); background:var(--paper); min-width:0; width:100%; }
.traditions-more-filters { grid-column:1 / -1; }
.traditions-more-filters summary { width:fit-content; min-height:var(--ui-touch-target,44px); padding:12px 4px; color:var(--muted); font-size:12px; cursor:pointer; }
.traditions-filter-fields { display:flex; align-items:end; flex-wrap:wrap; gap:12px 24px; padding:8px 0 16px; }
.traditions-filter-fields > label { flex:1 1 230px; }
.traditions-filter-fields > .traditions-saved-filter { flex:0 1 auto; flex-direction:row; align-items:center; min-height:var(--ui-touch-target,44px); padding-inline:4px; }
.traditions-saved-filter input { width:18px; height:18px; accent-color:var(--accent); }
.traditions-result-count { margin:12px 0 16px; font-size:12px; color:var(--muted); }
.traditions-concept-filter { font-size:12px; color:var(--muted); }
.traditions-card,.traditions-card:hover { position:relative; transform:none; }
.traditions-card-open { display:flex; flex:1; flex-direction:column; min-width:0; }
.traditions-card-open:focus-visible { outline:2px solid var(--accent); outline-offset:-3px; }
.traditions-card .people-portrait img { object-fit:contain; }
.traditions-card .people-summary { display:block; }
.traditions-card-context { margin:0; }
.traditions-card-text .people-card-period { padding-right:40px; min-height:34px; }
.traditions-card-media-label { position:absolute; bottom:0; left:0; right:0; padding:5px 10px; font-size:9px; line-height:1.5; color:var(--muted); background:var(--paper); border-top:1px solid var(--line); }
.traditions-card-save { position:absolute; top:8px; right:8px; display:inline-flex; align-items:center; justify-content:center; width:var(--ui-touch-target,44px); height:var(--ui-touch-target,44px); border:1px solid var(--line); border-radius:50%; color:var(--ink); background:var(--paper); cursor:pointer; }
.traditions-card-save svg { width:19px; height:19px; }
.traditions-card-save[aria-pressed=true] { color:var(--accent); border-color:var(--accent); }
.traditions-card-save[aria-pressed=true] svg { fill:currentColor; }
.traditions-card-save:focus-visible,.traditions-more-filters summary:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.traditions-figure { max-width:850px; }
.traditions-figure-heading h1 { font:650 clamp(36px,5vw,52px)/1.15 var(--heading,var(--sans)); margin:16px 0 24px; }
.traditions-figure-heading p,.traditions-prose-section p,.traditions-passages p,.traditions-relations p { font-size:16px; line-height:1.85; color:var(--muted); margin:16px 0; }
.traditions-figure-heading a { color:var(--accent); }
.traditions-prose-section,.traditions-passages,.traditions-relations,.traditions-aliases,.traditions-concepts { margin:32px 0; padding-top:24px; border-top:1px solid var(--line); }
.traditions-page :is(h2,h3),.traditions-saved-library h2 { font-family:var(--heading,var(--sans)); font-weight:650; overflow-wrap:anywhere; }
.traditions-figure h2,.traditions-page .people-empty h2 { font-size:27px; line-height:1.3; margin:8px 0 20px; }
.traditions-figure h3 { font-size:21px; line-height:1.4; margin:8px 0 16px; }
.traditions-passages article,.traditions-relations article { padding:20px 0; border-bottom:1px solid var(--line); }
.traditions-passages h3 a,.traditions-relations h3 a { color:var(--accent); }
.traditions-passages .content-note { font-size:13px; }
.traditions-source-links { display:flex; flex-wrap:wrap; gap:16px; }
.traditions-source-links a { color:var(--accent); text-decoration:underline; text-underline-offset:4px; display:inline-flex; align-items:center; min-height:44px; font-size:13px; }
.traditions-aliases li { margin:16px 0; font-size:17px; }
.traditions-aliases small,.traditions-aliases p { font-size:13px; color:var(--muted); line-height:1.8; }
.traditions-concepts a { display:inline-flex; align-items:center; min-height:44px; margin:0 16px 8px 0; color:var(--accent); text-decoration:underline; text-underline-offset:4px; }
.traditions-continuations { margin:32px 0; padding-top:24px; border-top:1px solid var(--line); }
.traditions-continuations > a { display:flex; flex-direction:column; gap:8px; padding:20px 0; border-bottom:1px solid var(--line); min-height:44px; }
.traditions-continuations strong { color:var(--accent); font:650 18px/1.5 var(--heading,var(--sans)); }
.traditions-continuations span { color:var(--muted); font-size:15px; line-height:1.8; }
.traditions-language-note,.traditions-media-note { font-size:13px; line-height:1.8; color:var(--muted); }
.traditions-depiction { margin:24px 0; }
.traditions-depiction img { width:100%; max-height:500px; object-fit:contain; background:var(--soft); border-radius:var(--ui-card-radius,12px); }
.traditions-depiction figcaption { font-size:13px; line-height:1.8; color:var(--muted); margin-top:12px; }
.traditions-saved-library { margin-top:32px; border-top:1px solid var(--line); padding-top:24px; }
.traditions-saved-library li a { display:inline-flex; align-items:center; min-height:44px; color:var(--accent); }
#traditions-status { color:var(--muted); margin-top:16px; font-size:13px; line-height:1.8; }
#traditions-status[hidden] { display:none; }
#traditions-status-actions:empty { display:none; }
@media(max-width:599px) { .traditions-tools { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px; } .traditions-tools label { font-size:11px; } .traditions-figure-heading h1 { font-size:36px; } .traditions-figure-heading p,.traditions-prose-section p,.traditions-passages p,.traditions-relations p { font-size:16px; } }
@media(prefers-reduced-motion:reduce) { .traditions-page * { scroll-behavior:auto; transition:none; transform:none; } }

.traditions-depiction figcaption a { color:var(--accent); text-decoration:underline; text-underline-offset:3px; }
.traditions-external-sources summary { cursor:pointer; min-height:44px; display:flex; align-items:center; color:var(--muted); }
