.stg-navigation{margin:1rem 0;padding:1rem;border:1px solid var(--st-border,var(--ec-line,#d7d4c7));border-radius:14px;background:var(--st-surface,var(--ec-panel,transparent));text-align:left;min-width:0}
.stg-heading{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.65rem;flex-wrap:wrap}.stg-heading strong{font-size:.95rem}.stg-navigation button{font:inherit;cursor:pointer}.stg-clear{background:transparent!important;border:0!important;color:inherit!important;text-decoration:underline;font-size:.85rem!important}.stg-clear:disabled{opacity:.45;cursor:default}
.stg-groups{display:flex;flex-wrap:wrap;gap:.45rem}.stg-groups button{background:transparent;color:inherit;border:1px solid var(--st-control-border,var(--ec-line,#8b8574));border-radius:20px;padding:.42rem .8rem;line-height:1.3;font-size:.86rem;min-height:36px;white-space:normal}.ss-selector .stg-groups button[aria-pressed=true],#content .stg-groups button[aria-pressed=true]{background:color-mix(in srgb,var(--st-gold,var(--ec-gold,#b68a39)) 24%,var(--st-surface,var(--ec-panel,#fffefa)));color:inherit;border-color:var(--st-gold,var(--ec-gold,#88651f));box-shadow:0 0 0 1px var(--st-gold,var(--ec-gold,#88651f)) inset;font-weight:650}.stg-navigation button:focus-visible,.stg-navigation select:focus-visible,.stg-navigation summary:focus-visible{outline:3px solid #79aaff;outline-offset:3px}.stg-navigation>small{display:block;opacity:.78;font-size:.78rem;margin:.6rem 0}.stg-navigation details{margin-top:.5rem}.stg-navigation summary{cursor:pointer;font-size:.86rem}.stg-facets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.75rem}.stg-facets label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem}.stg-facets select{width:100%;min-width:0;max-width:100%;font:inherit;color:inherit;background:var(--st-surface,var(--ec-panel,#fffefa));border:1px solid var(--st-control-border,var(--ec-line,#8b8574));border-radius:8px;padding:.6rem}.stg-facets option{color:CanvasText;background:Canvas}.ss-selector .stg-navigation{flex-shrink:0}.stg-original-name{font-size:.8rem;opacity:.78;overflow-wrap:anywhere;margin:.3rem 0}
@media(max-width:440px){.stg-navigation{padding:.75rem}.stg-facets{grid-template-columns:1fr}.stg-groups{gap:.35rem}.stg-groups button{font-size:.8rem;padding:.42rem .6rem}}