.events-browse-page .browse-intro{margin-bottom:1rem;max-width:65ch}.event-browser{padding:1rem;margin-bottom:1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card)}.event-browser-search{display:flex;align-items:stretch;gap:.65rem;margin-bottom:1rem}.event-browser-search-field{position:relative;flex:1;min-width:0}.event-browser-search-field svg{position:absolute;top:50%;left:.85rem;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.event-browser-search-field .form-input{width:100%;min-height:44px;padding-left:2.5rem}.event-browser-search>.btn{flex:none;min-height:44px;padding-inline:1.25rem}.event-browser-fields{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:.85rem}.event-browser-field{min-width:0}.event-browser-field>label{display:block;margin-bottom:.4rem;font-size:.8rem;font-weight:600;color:var(--text-secondary)}.event-browser-field .filter-select{width:100%;max-width:none;min-width:0;min-height:44px;font-size:.85rem}.event-browser-options{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-top:.75rem}.event-browser-more{min-width:0;flex:1}.event-browser-more>summary{display:flex;align-items:center;width:fit-content;min-height:32px;gap:.5rem;color:var(--text-secondary);font-size:.8rem;cursor:pointer;list-style:none}.event-browser-more>summary::-webkit-details-marker{display:none}.event-browser-more>summary svg{transition:transform .15s}.event-browser-more[open]>summary svg{transform:rotate(180deg)}.event-browser-filter-count{color:var(--accent);font-size:.75rem}.event-browser-more-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;padding-top:.85rem;margin-top:.5rem;border-top:1px solid var(--border)}.event-browser-more-panel .form-hint{margin:.4rem 0 0;max-width:42ch;font-size:.75rem;line-height:1.5}.event-browser-visibility{display:flex;flex-direction:column;gap:.7rem;margin:0}.event-browser-visibility label{display:flex;gap:.6rem;align-items:flex-start;color:var(--text-primary);font-size:.85rem;cursor:pointer}.event-browser-visibility input{width:17px;height:17px;flex:none;margin:.1rem 0 0;accent-color:var(--accent)}.event-browser-visibility small{display:block;color:var(--text-secondary);font-size:.75rem;margin-top:.15rem}.event-browser-visibility input:disabled+span{color:var(--text-muted);cursor:default}.event-browser-reset{flex:none;display:inline-flex;align-items:center;min-height:32px;font-size:.8rem}.event-browser .event-category-description{margin:.65rem 0 0;padding-top:.75rem;max-width:none;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.85rem;line-height:1.5}.event-browser-results{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem 1rem;margin-bottom:1rem}.event-browser-result-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;min-width:0}.event-browser-result-count{flex:none;margin:0;color:var(--text-secondary);font-size:.85rem}.event-browser-result-count strong{color:var(--text-primary)}.event-browser-active{display:flex;gap:.4rem;flex-wrap:wrap}.event-browser-active a{display:inline-flex;align-items:center;gap:.6rem;min-height:32px;max-width:100%;padding:.25rem .65rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);color:var(--text-secondary);font-size:.75rem;overflow-wrap:anywhere;text-decoration:none}.event-browser-active a:hover{border-color:var(--accent);color:var(--text-primary)}.event-browser-active a span{color:var(--text-muted);font-size:1rem}.event-browser-archive{font-size:.8rem;white-space:nowrap}.event-browser :is(input,select,summary,button,a):focus-visible,.event-browser-results a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:700px){.event-browser-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.event-browser-more-panel{grid-template-columns:1fr;gap:1rem}}@media(max-width:420px){.event-browser{padding:.8rem}.event-browser-search{gap:.45rem}.event-browser-search>.btn{padding-inline:.8rem}.event-browser-fields{gap:.75rem .6rem}.event-browser-results{align-items:flex-start}.event-browser-active a{min-height:38px}}