.landing-nav nav{gap:24px}
.personal-page-links .example-profile-link{display:flex;align-items:center;gap:9px;width:100%;min-height:38px;padding:10px 12px;background:#efe6f3;border:1px solid #7b4f8d14;border-radius:5px;font:400 10px Sora,system-ui;color:#7b538d}
.personal-page-links .example-profile-link .icon:last-child{margin-left:auto}
.search-submit{display:grid;place-items:center;flex:none;width:32px;height:32px;border:0;border-radius:4px;background:#f0e4f7;color:#764b8c;cursor:pointer}
.search-submit:focus-visible{outline:2px solid #986bb4;outline-offset:3px}
.dom-search-form input[type=hidden]{display:none}
.sub-chess-panel .decline{cursor:default}
.site-footer .brand,.landing-footer .wordmark{min-height:44px}
@media(max-width:800px){.landing-nav nav{gap:16px}}
@media(max-width:560px){.final-dommes .landing-nav nav{display:flex;gap:0;margin-left:auto}.final-dommes .landing-nav nav a{display:none}.final-dommes .landing-nav nav a[href="/"]{display:inline-flex;align-items:center;min-height:44px;font-size:10px}.final-dommes .landing-nav{gap:18px}}

.audience-bar{background:var(--ink);color:var(--paper)}
.audience-bar>a{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 6px;min-height:44px;padding:9px 20px;text-align:center;font-size:12px;line-height:1.65}
.audience-bar-link{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#d4adea}
.audience-bar>a:focus-visible{outline:2px solid #d4adea;outline-offset:-4px}
@media(max-width:560px){.audience-bar>a{font-size:11px}}
/* Early access label tucked against the top of the wordmark on every marketing header. */
.brand-lockup{display:flex;align-items:flex-start;gap:6px;flex:none}
.early-access{width:min-content;margin-top:2px;font:600 8px/1 Sora,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--accent,currentColor);opacity:.9}
@media(max-width:800px){.early-access{font-size:7px}}

/* Credit beside the wordmark in every marketing footer. */
.site-footer .footer-credit{margin-right:auto;font-size:10px;color:var(--muted)}
.footer-credit a{text-decoration:underline;text-underline-offset:2px}
@media(hover:hover) and (pointer:fine){.footer-credit a:hover{color:var(--ink)}}