/* Filters overlay every task view without reserving layout space. */
.layout>main{max-width:none;width:100%}
.layout>aside#tagDrawer{display:block;position:fixed;inset:0 0 0 auto;width:min(310px,88vw);height:100dvh;padding:16px 18px 24px;background:#faf9fc;border:0;border-left:1px solid #e8e3ed;z-index:31;box-shadow:-12px 0 40px #32244715;transform:translateX(105%);visibility:hidden;transition:transform .24s ease,visibility .24s;overflow-y:auto}
.layout>aside#tagDrawer.is-open{transform:translateX(0);visibility:visible}
#tagDrawer>.logo{display:none}
.tag-drawer-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:20px}
.tag-drawer-heading button{width:40px;min-height:40px}
#tagDrawer nav h2{display:none}
#tagDrawer nav button{font-size:16px;padding:10px 14px}
#mobileTags{display:none!important}
#openTagDrawer{margin-left:auto;flex-shrink:0;width:42px;min-height:40px;background:#eee9f7;display:grid;place-items:center}
#openTagDrawer[hidden]{display:none}
#openTagDrawer[aria-expanded=true]{background:#e0d3f4}
.tag-backdrop{position:fixed;inset:0;z-index:30;border-radius:0;background:#24202c26;animation:tag-fade .2s ease}
.tag-backdrop:hover{background:#24202c26}
.tag-backdrop[hidden]{display:none}
@keyframes tag-fade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.layout>aside#tagDrawer{transition:none}.tag-backdrop{animation:none}}