:root{--bar-leading:1.5}.bar{z-index:var(--z-top);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--bar-leading);pointer-events:none;display:flow-root;position:sticky;top:0}.bar .topbar{pointer-events:auto}:root:has(.bar){scroll-padding-top:calc(var(--mac-bar-inset) + var(--mac-bar-height) + var(--space-md))}.bar__skip{top:var(--space-sm);z-index:var(--z-top);min-height:var(--target-min);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-lg);background:var(--color-surface);pointer-events:auto;align-items:center;display:inline-flex;position:absolute;inset-inline-start:calc(var(--mac-bar-inset) + var(--space-md))}.bar__skip:not(:focus){transform:translateY(calc(-100% - var(--space-md) - var(--space-md)))}.bar .brand{text-decoration:none}:root:not([data-theme-toggle]) .bar .bar__choice{display:none}.bar .bar__links{align-items:center;gap:var(--layout-gap);min-height:var(--mac-tile-size-bar);margin-inline-end:var(--layout-gap);display:flex}.bar .bar__link{min-height:var(--target-min);font-size:var(--font-size-ui);font-weight:var(--font-weight-strong);color:inherit;align-items:center;text-decoration:none;display:inline-flex}@media (hover:hover){.bar .bar__link:hover{text-decoration:underline}}@media (width<768px){.bar .bar__links,.bar .bar__spare{display:none}.bar .topbar{block-size:auto;min-block-size:var(--mac-bar-height);padding-block:var(--space-xs);row-gap:var(--space-xs);flex-wrap:wrap}.bar .topbar-actions{justify-content:flex-end;gap:var(--space-sm);flex-wrap:wrap}}.bar .bar-tile--main,.bar-tile[aria-current=page]{background:var(--color-blue);color:var(--color-accent-text)}nav.tile-group{gap:var(--space-sm)}