/* Two independent classifications, following the public Notion records. */
.editorial-browser .portfolio-browser-head{margin-bottom:32px}
.portfolio-steps{border-top:1px solid #bdc7ba;border-bottom:1px solid #bdc7ba}
.filter-step{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;align-items:start;padding:19px 0}
.filter-step+.filter-step{border-top:1px solid #31493d1c}
.filter-step-heading{display:flex;align-items:start;gap:12px;padding-top:10px}
.step-number{font-size:10px;letter-spacing:.08em;line-height:22px;color:#667460}
.filter-step-heading h3{font-size:14px;font-weight:600;margin:0;line-height:22px}
.filter-step-heading p{font-size:11px;line-height:1.5;color:#596853;margin:3px 0 0}
.facet-options{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.facet-chip{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;min-height:44px;max-width:100%;border:1px solid transparent;background:transparent;color:#31493d;text-align:left;font:400 12px/1.4 'Inter',sans-serif;cursor:pointer;border-radius:3px;transition:background-color .18s,border-color .18s,color .18s}
.facet-chip:hover{background:#e7e9df;border-color:#bcc7b7}
.facet-chip[aria-pressed=true]{background:#31493d;color:#f3f0e7;border-color:#31493d;font-weight:500}
.facet-count{font-size:10px;min-width:18px;text-align:center;color:#5b6a56;font-variant-numeric:tabular-nums}
.facet-chip[aria-pressed=true] .facet-count{color:#f3f0e7}
.editorial-browser button:focus-visible,.editorial-browser input:focus-visible,.editorial-browser select:focus-visible,.editorial-browser a:focus-visible{outline:2px solid #925f49;outline-offset:4px}
.filter-context{font-size:11px;color:#596853;line-height:1.6;margin:12px 0 0;display:flex;flex-wrap:wrap;gap:5px}
.filter-context strong{font-weight:500;color:#31493d}
.filter-period{border-left:1px solid #bdc7ba;margin-left:7px;padding-left:12px;font-variant-numeric:tabular-nums}
.editorial-browser .portfolio-resultbar,.home-browser:not(.has-filters) .portfolio-resultbar{display:flex;margin:14px 0 26px;gap:16px;min-height:44px}
.editorial-browser .portfolio-resultbar p{font-size:12px}
.editorial-browser .portfolio-layout button{min-height:44px}
.editorial-browser .curated-grid .card-details{display:block;font-size:12px;line-height:1.55;margin:9px 0 0;color:#596853}
.editorial-browser .curated-grid .image-wrap img{transition:opacity .45s ease,transform .65s cubic-bezier(.22,1,.36,1)}
.editorial-browser .curated-grid .editorial-card:focus-visible .image-wrap img:first-child{transform:scale(1.025)}
.empty-results .text-link{margin:12px 18px 0 0;min-height:44px}
.editorial-browser .refine-dialog .portfolio-filterbar{grid-template-columns:1fr;gap:24px}
.editorial-browser .refine-trigger{min-height:44px}
@media(max-width:1000px){.filter-step{grid-template-columns:148px minmax(0,1fr);gap:16px}.facet-chip{padding:10px 12px;gap:8px}}
@media(max-width:700px){
 .editorial-browser .portfolio-browser-head{margin-bottom:24px}
 .filter-step{display:block;padding:16px 0}
 .filter-step-heading{padding:0;margin-bottom:12px;gap:10px;align-items:center}
 .filter-step-heading>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}
 .filter-step-heading h3{font-size:13px}.filter-step-heading p{font-size:10px;margin:0}
 .facet-options{gap:6px}.facet-chip{font-size:11px;min-height:44px;padding:10px;gap:8px}
 .facet-count{font-size:10px;min-width:12px}
 .filter-context{font-size:10px;margin-top:10px}
 .editorial-browser .portfolio-resultbar{gap:8px;margin:10px 0 20px}
 .editorial-browser .portfolio-resultbar p{font-size:11px;flex:1 1 100%;margin:0}
 .editorial-browser .portfolio-layout{margin-left:0;flex-wrap:wrap;gap:6px}
 .editorial-browser .portfolio-layout button span{display:inline;font-size:11px}
 .editorial-browser .portfolio-layout button{padding:8px 10px;font-size:11px}
 .editorial-browser .curated-grid .card-details{font-size:11px;margin-top:7px}
}
@media(prefers-reduced-motion:reduce){.facet-chip,.editorial-browser .curated-grid .image-wrap img{transition:none!important}.editorial-browser .curated-grid .editorial-card:focus-visible .image-wrap img:first-child{transform:none}}