.reader-nav{position:sticky;top:0;z-index:6;background:rgba(250,245,255,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}
.nav-row{width:min(1500px,calc(100% - 32px));margin:auto;display:flex;align-items:center}
.nav-primary{min-height:54px;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border)}
.nav-identity{min-width:0;display:flex;align-items:center;gap:9px}.nav-identity>a{color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.04em;text-decoration:none}.nav-identity>span{color:#b7a9ca}.nav-identity h1{font-size:15px;white-space:nowrap}.nav-identity p{overflow:hidden;margin:0 0 0 7px;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.nav-actions{display:flex;align-items:center;gap:6px}.save-state{display:flex;align-items:center;gap:7px;margin-right:5px;color:var(--muted);font-size:11px;white-space:nowrap}.save-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b}.save-dot.saved{background:#10b981}.nav-actions button{min-height:34px;padding:5px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:12px;font-weight:750}.nav-actions button:hover{border-color:var(--primary);color:var(--primary)}.nav-actions .finish-button{background:var(--primary);border-color:var(--primary);color:#fff}.nav-actions .finish-button:hover{background:var(--primary-hover);color:#fff}
.nav-secondary{min-height:54px;display:grid;grid-template-columns:minmax(300px,1fr) auto 42px;gap:12px}.nav-secondary .search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.nav-secondary #search{min-height:38px;padding:7px 12px;border-color:var(--border);border-radius:8px}.nav-secondary .count{margin:0;color:var(--muted);font-size:11px;white-space:nowrap}
.more-menu{position:relative}.more-menu summary{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer;font-weight:900;letter-spacing:2px;list-style:none}.more-menu summary::-webkit-details-marker{display:none}.more-menu[open] summary{border-color:var(--primary);color:var(--primary)}.more-menu>div{position:absolute;right:0;top:44px;width:190px;display:grid;gap:4px;padding:7px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 18px 45px rgba(76,29,149,.18)}.more-menu button,.more-menu .import-button{width:100%;min-height:38px;justify-content:flex-start;padding:7px 10px;border:0;border-radius:7px;background:transparent;color:var(--text);font-size:12px;font-weight:700;text-align:left}.more-menu button:hover,.more-menu .import-button:hover{background:var(--soft);color:var(--primary)}.more-menu .import-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
main#questions{padding-top:20px}
@media(max-width:800px){.nav-identity p{display:none}.nav-secondary{grid-template-columns:1fr 42px}.nav-secondary .count{grid-column:1/-1;grid-row:2;padding-bottom:8px}.nav-primary{min-height:50px}.nav-secondary{padding-top:7px}.save-state strong{display:none}}
@media(max-width:520px){.nav-row{width:calc(100% - 20px)}.nav-primary{align-items:flex-start;flex-wrap:wrap;padding-block:8px}.nav-identity{width:100%}.nav-identity>a{font-size:0}.nav-identity>a:after{content:"PCA";font-size:12px}.nav-actions{width:100%;gap:4px;overflow-x:auto;padding-bottom:2px}.save-state{margin-right:auto}.save-state #save-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.nav-actions button{flex:0 0 auto;padding-inline:8px}.nav-secondary{gap:7px}.nav-secondary .count{white-space:normal}.taxonomy-filters{max-width:100%}}