/* #757 — what the static site adds to the canvas's own style sheet
   (assets/landing.css, copied verbatim from design/landing/project/Main.dc.html).

   Language is a page (/ and /zh/), so the canvas's EN / 中文 buttons are
   links here, drawn exactly as the canvas draws the buttons: aria-current
   takes the place of aria-pressed. */
.tx .seg a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 48px; padding: 0 12px; font-size: 13.5px; font-weight: 700; color: var(--ink2); text-decoration: none; }
.tx .seg a:hover { background: var(--surface2); color: var(--ink2); }
.tx .seg a[aria-current="true"] { background: var(--accent); color: var(--on-accent); }
.tx .seg a:focus-visible { outline-offset: -3px; }
.tx .seg a[aria-current="true"]:focus-visible { outline-color: var(--on-accent); }
@media (forced-colors: active) { .tx .seg a[aria-current="true"] { forced-color-adjust: none; background: Highlight; color: HighlightText; } }

/* The theme button carries both icons; the theme in force picks one, so the
   icon is right before any script runs. */
.tx .ic-sun { display: none; }
@media (prefers-color-scheme: dark) {
  .tx:not([data-theme="light"]) .ic-moon { display: none; }
  .tx:not([data-theme="light"]) .ic-sun { display: block; }
}
.tx[data-theme="dark"] .ic-moon { display: none; }
.tx[data-theme="dark"] .ic-sun { display: block; }