.archive-layout{grid-template-columns:240px minmax(0,1fr);gap:48px;padding-bottom:120px;display:grid}.archive-sidebar{align-self:start;gap:12px;display:grid;position:sticky;top:120px}.archive-sidebar h3{color:var(--text);letter-spacing:-.03em;margin:0 0 8px;font-size:18px;line-height:1.2}.archive-sidebar .filter-heading{margin-top:24px}.archive-sidebar button{border:1px solid var(--line);width:100%;min-height:44px;color:var(--muted);font:inherit;text-align:left;cursor:pointer;appearance:none;background:#fff;border-radius:14px;align-items:center;padding:0 16px;font-size:14px;font-weight:800;transition:transform .18s,border-color .18s,background .18s,color .18s,box-shadow .18s;display:flex}.archive-sidebar button:hover{color:var(--teal-dark);background:#f0fdfa;border-color:#14b8a659;transform:translateY(-1px)}.archive-sidebar button.active-filter{border-color:var(--teal);background:var(--teal);color:#fff;box-shadow:0 12px 28px #14b8a633}.archive-sidebar button:focus-visible{outline-offset:2px;outline:3px solid #14b8a633}.archive-status{color:var(--muted);flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:28px;font-size:15px;display:flex}.archive-status p{margin:0}.archive-status strong{color:var(--text)}.archive-layout .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.article-empty-state{border:1px solid var(--line);text-align:center;background:#f8fafc;border-radius:28px;grid-column:1/-1;padding:48px 32px}.article-empty-state h3{letter-spacing:-.04em;margin:0 0 10px;font-size:28px}.article-empty-state p{color:var(--muted);margin:0;line-height:1.6}@media (max-width:1100px){.archive-layout .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.archive-layout{grid-template-columns:1fr;gap:36px;padding-bottom:90px}.archive-sidebar{flex-wrap:wrap;gap:10px;display:flex;position:static}.archive-sidebar h3{width:100%;margin-bottom:2px}.archive-sidebar .filter-heading{width:100%;margin-top:18px}.archive-sidebar button{border-radius:999px;width:auto;min-height:42px;padding:0 15px}.archive-status{flex-direction:column;align-items:flex-start;gap:6px}.archive-layout .grid{grid-template-columns:1fr}}
.page-hero{max-width:900px;padding:110px 0 56px}.page-hero h1{letter-spacing:-.085em;margin:0 0 24px;font-size:clamp(58px,8vw,108px);line-height:.9}.page-hero>p:last-child{max-width:720px;color:var(--muted);margin:0;font-size:22px;line-height:1.65}.archive-layout{grid-template-columns:240px 1fr;gap:48px;padding-bottom:120px;display:grid}.archive-sidebar{align-self:start;gap:16px;display:grid;position:sticky;top:120px}.archive-sidebar h3{letter-spacing:-.03em;margin:0 0 10px;font-size:18px}.archive-sidebar button{color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;transition:color .2s}.archive-sidebar button:hover,.archive-sidebar .active-filter{color:var(--teal)}.archive-status{color:var(--muted);align-items:center;gap:18px;margin-bottom:28px;font-size:15px;display:flex}.archive-status strong{color:var(--text)}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}@media (max-width:1000px){.archive-layout{grid-template-columns:1fr;gap:36px}.archive-sidebar{flex-wrap:wrap;gap:12px;display:flex;position:static}.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.page-hero{padding:80px 0 44px}.page-hero h1{font-size:56px}.page-hero>p:last-child{font-size:18px}.archive-status{flex-direction:column;align-items:flex-start;gap:6px}.grid{grid-template-columns:1fr}.archive-layout{padding-bottom:90px}}