html{height:100%}body{min-height:100%;display:flex;flex-direction:column}.discover-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.75em 0}.discover-header .header-left{justify-self:start}.discover-header .header-right{justify-self:end;display:flex;gap:.5em;align-items:center}.discover-header .logo{font-size:1.4em;font-weight:700;color:var(--text-primary);text-decoration:none;display:inline-flex;align-items:center;gap:.3em;justify-self:center}.discover-container{flex:1;padding:0}.discover-title-section{margin:1em 0 .75em}.discover-title-section h1{margin:0 0 .15em 0;font-size:1.8em}.discover-subtitle{color:var(--text-secondary);margin:0;font-size:.95em}.discover-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5em}.discover-nav-left{display:flex;gap:1.25em}.discover-nav .nav-link{color:var(--text-secondary);text-decoration:none;font-size:.95em}.discover-nav .nav-link:hover{color:var(--link-color)}.discover-nav .nav-link.active{color:var(--text-primary);font-weight:500}.filter-toggle-btn{display:inline-flex;align-items:center;gap:.3em;background:0 0;border:none;padding:0;font-size:.95em;color:var(--text-secondary);cursor:pointer;font-family:inherit}.filter-toggle-btn:hover{color:var(--text-primary)}.filter-toggle-btn svg{width:14px;height:14px}.filter-panel{display:none;padding:.75em 0;margin-bottom:.25em}.filter-panel.open{display:flex;align-items:flex-end;gap:.75em;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.3em;min-width:140px;flex:1}.filter-group label{font-size:.85em;color:var(--text-secondary)}.filter-group input,.filter-group select{padding:.5em .6em;border:1px solid var(--border-medium);font-size:.9em;font-family:inherit;background:var(--input-bg);color:var(--text-primary)}.filter-group input::placeholder{color:var(--input-placeholder)}.filter-group input:focus,.filter-group select:focus{outline:0;border-color:var(--link-color)}.filter-apply-btn{padding:.5em 1.5em;background:var(--btn-secondary-bg);color:var(--text-primary);border:1px solid var(--border-medium);font-size:.9em;font-family:inherit;cursor:pointer}.filter-apply-btn:hover{background:var(--btn-secondary-hover);border-color:var(--border-strong)}.toc-rank{display:flex;align-items:flex-start;justify-content:flex-end;width:2em;padding-top:9px;padding-right:2px;flex-shrink:0;font-size:13px;color:var(--text-tertiary)}.toc-vote{width:1.5em}.pagination{display:flex;justify-content:center;align-items:center;gap:.25em;margin:.75em 0}.page-link{display:inline-flex;align-items:center;justify-content:center;min-width:2em;padding:.4em .75em;text-decoration:none;font-size:.9em;color:var(--link-color)}.page-link:hover{color:var(--link-hover);background:var(--bg-secondary)}.page-link.active{color:var(--link-color);font-weight:600;background:var(--bg-secondary)}@media (max-width:640px){.discover-header{padding:.75em 0}.discover-container{padding:0}.discover-nav{flex-wrap:wrap;gap:.5em}.filter-row{flex-direction:column}.discover-title-section h1{font-size:1.5em}.filter-group{min-width:0;flex:1 1 100%}.filter-panel.open{flex-direction:column;align-items:stretch}.filter-apply-btn{width:100%}}@media (max-width:480px){.discover-title-section h1{font-size:1.3em}.discover-subtitle{font-size:.85em}.discover-nav-left{gap:.75em}.discover-nav .nav-link{font-size:.9em}.toc-rank{width:1.5em;font-size:12px}.toc-vote{width:1.2em}.page-link{padding:.3em .5em;font-size:.85em;min-width:1.8em}}