.all-page{padding-top:var(--sp-6, 1.5rem);padding-bottom:var(--sp-8, 3rem)}.all-header{margin-bottom:var(--sp-5, 1.25rem)}.all-header h1{margin:0 0 var(--sp-2, .5rem);font-family:var(--font-display, serif);font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.1}.all-subtitle{margin:0;color:var(--color-text-soft, #666);font-size:.95rem}.all-filters{display:flex;flex-direction:column;gap:var(--sp-3, .75rem);margin-bottom:var(--sp-6, 1.5rem);padding:var(--sp-4, 1rem);background:var(--color-bg-soft, #f7f7f5);border:1px solid var(--color-border, #e5e5e0);border-radius:8px}.filter-row{display:flex;align-items:flex-start;gap:var(--sp-3, .75rem);flex-wrap:wrap}.filter-label{flex-shrink:0;width:88px;padding-top:6px;font-size:.85rem;font-weight:600;color:var(--color-text-soft, #666);text-transform:uppercase;letter-spacing:.04em}.filter-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1}.filter-chips-scroll{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:4px}.filter-chips-scroll .chip{flex-shrink:0}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:.875rem;line-height:1.3;color:var(--color-text, #1a1a1a);background:var(--color-bg, #fff);border:1px solid var(--color-border, #d4d4cf);border-radius:6px;text-decoration:none;white-space:nowrap;transition:background-color .12s,border-color .12s,color .12s;cursor:pointer}.chip:hover{background:var(--color-bg-hover, #f0f0eb);border-color:var(--color-text-soft, #999)}.chip-active{background:var(--color-primary, #2d4a3a);color:var(--color-bg, #fff);border-color:var(--color-primary, #2d4a3a)}.chip-active:hover{background:var(--color-primary-dark, #1f3328);border-color:var(--color-primary-dark, #1f3328);color:var(--color-bg, #fff)}.chip-small{padding:4px 10px;font-size:.8rem}.chip-count{display:inline-block;padding:1px 6px;font-size:.7rem;font-weight:600;color:var(--color-text-soft, #666);background:var(--color-bg-soft, #f7f7f5);border-radius:999px;line-height:1.4}.chip-active .chip-count{background:#fff3;color:var(--color-bg, #fff)}.all-group{margin-bottom:var(--sp-6, 1.5rem)}.all-group-label{margin:0 0 var(--sp-3, .75rem);padding-bottom:var(--sp-2, .5rem);font-family:var(--font-display, serif);font-size:1.15rem;font-weight:600;color:var(--color-text-soft, #666);border-bottom:1px solid var(--color-border, #e5e5e0)}.all-list{display:flex;flex-direction:column}.all-list .list-item{padding:var(--sp-3, .75rem) var(--sp-2, .5rem);border-bottom:1px solid var(--color-border-soft, #f0f0eb)}.list-item-head{display:flex;align-items:center;gap:8px}.badge{display:inline-block;padding:1px 7px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:3px}.badge-fresh{background:#2d6a4f;color:#fff}.pill{display:inline-block;padding:1px 8px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;background:var(--color-bg-soft, #f7f7f5);color:var(--color-text-soft, #555)}.pill-notes{background:#fef3c7;color:#78350f}.pill-articles{background:#dbeafe;color:#1e3a8a}.pill-concepts{background:#e9d5ff;color:#581c87}.pill-people{background:#fce7f3;color:#831843}.pill-projects{background:#d1fae5;color:#064e3b}.pill-books{background:#fed7aa;color:#7c2d12}.pill-research{background:#cffafe;color:#155e75}.pill-timeline{background:#e0e7ff;color:#312e81}.pill-sources{background:#f3e8ff;color:#581c87}.meta-age{color:var(--color-primary, #2d4a3a);font-weight:500}.meta-time{color:var(--color-text-soft, #888);font-size:.78rem;font-variant-numeric:tabular-nums;padding:1px 6px;background:var(--color-bg-soft, #f7f7f5);border-radius:3px;margin-left:2px}.meta-time:before{content:"· ";margin-right:2px}.meta-tags{display:inline-flex;flex-wrap:wrap;gap:6px;color:var(--color-text-soft, #888)}.meta-tag{font-size:.78rem}.all-empty{text-align:center;padding:var(--sp-8, 3rem) var(--sp-4, 1rem);color:var(--color-text-soft, #666)}.all-empty p{margin:0 0 var(--sp-4, 1rem)}@media(max-width:640px){.filter-row{flex-direction:column;gap:var(--sp-2, .5rem)}.filter-label{width:auto;padding-top:0}.filter-chips{width:100%}.all-list .list-item{padding:var(--sp-3, .75rem) 0}}
