/* The Work introduction shares the heading's top edge on wide screens. */
:root .work-page-hero>.Pages_lead{margin:28px 0 0;max-width:620px}
@media(min-width:901px){
 .work-page-hero{display:grid;grid-template-columns:40% minmax(0,1fr);align-items:start}
 .work-page-hero>.Breadcrumbs{grid-column:1/-1}
 .work-page-hero>h1{grid-column:1;grid-row:2}
 :root .work-page-hero>.Pages_lead{grid-column:2;grid-row:2;margin:40px 0 0}
}

/* Keep the result count available to assistive technology, with sorting in its place. */
.work-filterbar>.Pages_count{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.work-filterbar{column-gap:28px;align-items:center}
.work-filterbar button{border:0;border-radius:0;padding:12px 0;min-height:44px;background:transparent;color:var(--ink);gap:9px;box-shadow:none}
.work-filterbar button[aria-pressed=true]{background:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:.5em;text-decoration-thickness:2px}
.work-filterbar button:hover{text-decoration:underline;text-underline-offset:.5em}
.work-sort{display:flex;align-items:center;gap:8px;margin-left:auto;align-self:center;font-size:var(--text-small,12px);color:var(--ink)}
.work-sort select{min-height:44px;max-width:100%;border:0;border-radius:0;background:transparent;color:var(--ink);padding:10px 26px 10px 0;font:inherit;cursor:pointer}
@media(max-width:650px){.work-filterbar{column-gap:20px}.work-sort{flex-basis:100%;justify-content:flex-end;margin-top:8px}}