.notables-page{gap:var(--space-4);min-height:0;padding:var(--space-5);flex-direction:column;display:flex;overflow:hidden}.notables-page .nl-spacer{flex:1}.nl-head,.nl-add{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.nl-head button,.nl-add button,.nl-import button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-2);background:var(--surface-2);color:var(--ink-1);font:inherit;cursor:pointer;display:inline-flex}.nl-head button:hover,.nl-add button:hover,.nl-import button:hover{background:var(--surface-3)}.nl-import button.primary{background:var(--control-active-fill);color:var(--control-active-ink);border-color:#0000}.nl-add>:first-child{flex:1;min-width:14rem}.nl-locked{font-size:var(--text-xs);color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}.nl-import{gap:var(--space-2);flex-direction:column;display:flex}.nl-import textarea{min-height:8rem;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-2);background:var(--surface-1);color:var(--ink-1);font:inherit;resize:vertical}.nl-import-actions{gap:var(--space-2);display:flex}.nl-note{color:var(--ink-3);font-size:var(--text-sm);margin:0}.nl-body{gap:var(--space-5);flex-direction:column;min-height:0;display:flex;overflow:auto}.nl-cat>h2{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2);display:flex}.nl-cat>h2 input{padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-1);background:var(--surface-1);color:var(--ink-1);font:inherit}.nl-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-3)}.nl-cat>ul{gap:var(--space-1) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));margin:0;padding:0;list-style:none;display:grid}.nl-item[data-open]{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-2);background:var(--surface-2);grid-column:1/-1}.nl-row{align-items:center;gap:var(--space-2);min-height:1.9rem;display:flex}.nl-name{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:6rem;overflow:hidden}.nl-kind,.nl-also{font-size:var(--text-xs);color:var(--ink-3)}.nl-cond{text-overflow:ellipsis;min-width:0;padding:0 var(--space-2);border-radius:var(--radius-1);background:var(--surface-3);color:var(--ink-2);font-size:var(--text-xs);white-space:nowrap;flex:0 auto;overflow:hidden}.cond{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.cond-why{color:var(--ink-3);font-size:var(--text-sm);max-width:60ch;margin:0}.cond-warn{color:var(--warn,var(--ink-2));font-size:var(--text-sm);margin:0}.cond-states{gap:var(--space-2);flex-wrap:wrap;display:flex}.cond-state,.nl-chip{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill,999px);background:var(--surface-1);color:var(--ink-2);font:inherit;font-size:var(--text-sm);cursor:pointer}.cond-state[aria-pressed=true]{background:var(--control-active-fill);color:var(--control-active-ink);border-color:#0000}.cond-names{gap:var(--space-2);flex-direction:column;max-width:32rem;display:flex}.cond-names ul{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.cond-names li{align-items:center;gap:var(--space-1);padding-left:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill,999px);display:inline-flex}.nl-cats{align-items:center;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}