/* Dropdown choices always have their own breathing room, including future menus. */
:root{--menu-item-gap:var(--space-xs)}
::selection{background:var(--color-accent);color:var(--color-accent-ink)}
input,textarea{caret-color:var(--color-accent)}
html{scrollbar-color:var(--color-rule) var(--color-paper);scrollbar-width:thin}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.filter-navigation{position:relative}
.filter-overflow-hint{display:none}
.filters{border-bottom:var(--rule-hair) solid var(--color-rule);padding-bottom:var(--space-md);margin-bottom:var(--space-lg)}
.filter{transition:color var(--dur-short) var(--ease-out),background var(--dur-short) var(--ease-out)}
.filter:is(:hover,:focus-visible){color:var(--color-ink);background:var(--color-paper-2)}
.filter[aria-pressed=true]{font-weight:500}
@media(max-width:45rem){
  .filter-navigation.has-more .filter-overflow-hint{
    position:absolute;right:0;top:var(--space-2xs);width:28px;height:44px;display:grid;place-items:center;
    pointer-events:none;background:var(--color-paper);color:var(--color-accent);
    border-inline-start:var(--rule-hair) solid var(--color-rule);
  }
  .filter-overflow-hint svg{width:16px;height:16px}
  .filter-navigation .filters{padding-inline-end:32px}
}
@media(prefers-reduced-motion:reduce){.filter{transition:none}}
[role="menu"]:not([hidden]){display:grid;gap:var(--menu-item-gap)}
.account-menu-panel .account-menu-logout{margin-top:0;padding-top:var(--space-sm)}
.footer-about{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--space-2xl);padding-block:var(--space-2xl);margin-bottom:var(--space-xl);border-block:var(--rule-hair) solid var(--color-rule)}
.footer-about h2{font:600 clamp(1.6rem,3vw,2.5rem)/1.2 var(--font-display);letter-spacing:-.035em;max-width:18ch;margin:var(--space-md) 0}
.footer-about p{color:var(--color-muted);max-width:55ch;margin:0}
.footer-about .footer-eyebrow{color:var(--color-accent);font-size:var(--text-xs)}
.footer-about .footer-ecosystem{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs) var(--space-lg);align-content:start}
.footer-ecosystem h3{grid-column:1/-1;font:500 var(--text-sm)/1.5 var(--font-body);margin:0 0 var(--space-md)}
.footer-ecosystem a{display:flex;align-items:center;gap:var(--space-sm);min-height:48px;padding-block:var(--space-xs);color:var(--color-muted);transition:color var(--dur-short) var(--ease-out)}
.footer-ecosystem a img{flex:none;width:24px;height:24px;object-fit:contain}
.footer-ecosystem a span{min-width:0;overflow-wrap:anywhere}
.footer-ecosystem a:is(:hover,:focus-visible){color:var(--color-accent)}
.footer-about .footer-start{margin-top:var(--space-lg);color:var(--color-accent)}
@media(max-width:45rem){.footer-about{grid-template-columns:1fr;gap:var(--space-xl);padding-block:var(--space-xl)}.footer-about h2{max-width:23ch}.footer-about .footer-ecosystem{column-gap:var(--space-md)}}
@media(prefers-reduced-motion:reduce){.footer-ecosystem a{transition:none}}
