/* CHAT | CODE | + ON EVERY PAGE (the founder 10-12; Hunter 4: /about, /docs and /account had no way back to Chat or Code). One small group after the brand;
   tap targets of 32 px (Hunter 4: the old header links were 18-22 px tall). */
.site-modes{display:inline-flex;align-items:center;gap:4px;margin:0 8px}
.site-modes a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;min-width:32px;padding:0 12px;border-radius:99px;font:600 14px/1 "DM Sans","DM Sans Fallback",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#24506a;text-decoration:none;border:1px solid transparent}
.site-modes a:hover{background:#eef5f9;border-color:#d6e3e9}.site-modes a:focus-visible{outline:2px solid #2f6f96;outline-offset:2px}
.site-modes a.site-modes-plus{padding:0;width:32px;font-size:20px;font-weight:500}
:root[data-theme="dark"] .site-modes a{color:#cfe2ee}:root[data-theme="dark"] .site-modes a:hover{background:#1b2229;border-color:#34404a}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .site-modes a{color:#cfe2ee}}
@media(max-width:520px){.site-modes{margin:0 4px}.site-modes a{padding:0 9px;font-size:13px}}
@media(max-width:520px){.site-header .header-label{display:none}.site-header [data-theme-toggle]{flex-shrink:0}.site-header .site-modes{margin:0 2px}} /* /account on a phone: the theme toggle keeps its 44 px target */
@media (pointer:coarse),(max-width:700px){footer a{position:relative}footer a::after{content:'';position:absolute;top:calc(50% - 22px);bottom:calc(50% - 22px);left:-4px;right:-4px}} /* THE HIT FLOOR for footer links (Hunter 4 10-12: 18 px tall): an invisible 44 px box, nothing it shows moves */