/* The shared Ankode identity, used by the story and every studio page. */
:root {
  --ink:#15212b;
  --paper:#e3edf2;
  --soft:#cbd9e0;
  --muted:#52636e;
  --line:#a9bdc8;
  --acid:#ff6334;
}
em { font-family:Inter,Arial,sans-serif; font-weight:650; font-style:normal; letter-spacing:inherit; }
.status-dot { box-shadow:none; }
.button-dark:hover { background:#344754; }
.button-outline { border-color:#718793; }
.brand { font-size:31px; }
.mobile-menu { background:#101c2b; color:#e3edf2; }
.theme-story .mobile-menu { color:#e3edf2; }
.mobile-menu nav { margin:clamp(40px,7vh,85px) 0 40px; }
.mobile-menu nav>a { font-size:clamp(36px,6.2vw,86px); font-weight:650; letter-spacing:-.055em; border-color:#60768270; line-height:1.05; }
.mobile-menu nav small,.mobile-menu>p { color:#b6c7d1; }
.mobile-menu nav a:hover { color:#ff794d; }
.mobile-menu nav a[aria-current] { color:#ff794d; }
dialog::backdrop { background:#0d1c2bcc; }
.privacy-dialog { background:#edf2f4; color:#15212b; }
.privacy-dialog h2 { font-weight:650; }
.privacy-status { background:#d8e5eb; }
.preference-row input { accent-color:#d94215; }
.skip-link { color:#15212b; }
@media(max-width:700px) { .brand { font-size:26px; } .mobile-menu nav>a { padding:18px 0; } }