/* Keyboard focus follows the visible control, rather than a stretched layout box. */
.wordmark{align-self:flex-start;width:fit-content;white-space:nowrap}
a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}
a:focus-visible,button:focus-visible,.sidebar-control:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.wordmark:focus-visible{outline:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.wordmark{font-size:20px;letter-spacing:-.65px;line-height:1.15;font-weight:700}
body:not(.browsing) .category-control:focus-visible{outline:none}
body:not(.browsing) .category-control:focus-visible .category-visual{outline:2px solid var(--ink);outline-offset:4px}
/* SVG sectors are auxiliary pointer targets inside the decorative dial.
   Their focus is forwarded to the corresponding visible category control. */
.wheel-sector-link:focus{outline:none}
#content:focus{outline:none}
#content:focus-visible .section-heading h1{outline:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
@media(max-width:800px){.wordmark{font-size:19px;letter-spacing:-.6px}}
@media(max-width:359px){.wordmark{font-size:17px;letter-spacing:-.7px}}