.theme-toggle {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  padding: 0;
  color: var(--ink);
  background: transparent;
  border: 1px solid var(--line);
  border-radius: 50%;
  cursor: pointer;
}
.theme-toggle[hidden],
.theme-sun {
  display: none;
}
.theme-toggle:hover {
  background: #8093a21a;
}
@media (max-width: 1100px) and (min-width: 801px) {
  .nav-shell {
    gap: 20px;
  }
  .desktop-nav {
    gap: 16px;
  }
  .nav-actions {
    gap: 8px;
  }
}
@media screen {
  :root[data-theme="dark"] {
    --ink: #f0f2f4;
    --muted: #b5bec6;
    --line: #333d45;
    background: #111416;
    color-scheme: dark;
  }
  [data-theme="dark"] .theme-moon {
    display: none;
  }
  [data-theme="dark"] .theme-sun {
    display: block;
  }
  [data-theme="dark"] :is(a, button, summary):focus-visible {
    outline-color: #a5c7dd;
  }
  [data-theme="dark"] a:hover {
    color: #c4dfef;
  }
  [data-theme="dark"] .atmospheric {
    background:
      radial-gradient(ellipse at 3% 60%, #403a354a, transparent 52%),
      radial-gradient(ellipse at 97% 48%, #30485788, transparent 56%),
      linear-gradient(135deg, #181b1e, #14181c 48%, #1c252c);
  }
  [data-theme="dark"] .atmospheric::before {
    background-image:
      linear-gradient(#9eafbd0b 1px, transparent 1px),
      linear-gradient(90deg, #9eafbd0b 1px, transparent 1px);
  }
  [data-theme="dark"] .nav-shell {
    background: #1d2329eb;
    border-color: #3b454c;
    box-shadow: 0 8px 25px #0002;
  }
  [data-theme="dark"] .button {
    background: #eef1f3;
    border-color: #eef1f3;
    color: #171c20;
  }
  [data-theme="dark"] .button:hover {
    background: #cee0eb;
    border-color: #cee0eb;
    color: #171c20;
  }
  [data-theme="dark"] :is(.skip, .mobile-menu nav) {
    background: #20272d;
  }
  [data-theme="dark"]
    :is(.mobile-menu[open] summary, .mobile-menu nav a:hover) {
    background: #343f48;
  }
  [data-theme="dark"]
    :is(
      .eyebrow,
      .step-number,
      .service-top,
      .role-date,
      .role-top svg,
      .section-heading > span,
      .deliverable-label span,
      .footer-bottom,
      .profile-picture figcaption,
      .product-visual figcaption,
      .result-grid > div > small
    ) {
    color: #acb9c3;
  }
  [data-theme="dark"] .section-soft {
    background: #171c20;
    border-color: var(--line);
  }
  [data-theme="dark"] :is(.service-card, .degrees article, .chips li) {
    background: #20272d;
    border-color: var(--line);
  }
  [data-theme="dark"] :is(.steps article, .certs li, .footer-bottom) {
    border-color: var(--line);
  }
  [data-theme="dark"] .personal-teaser {
    background: linear-gradient(115deg, #222a31, #191e23);
    border-color: var(--line);
  }
  [data-theme="dark"] :is(.role-title, .result-proof, .certs li) {
    color: #d4dde3;
  }
  [data-theme="dark"] .proof-pill {
    color: #d9e3e9;
    border-color: #596c7a;
  }
  [data-theme="dark"] .current-badge {
    color: #c7dfed;
    background: #2c404c;
    border-color: #496576;
  }
  [data-theme="dark"] .profile-picture img {
    border-color: #454d54;
  }
  /* Original logos retain a light canvas so their lettering stays readable. */
  [data-theme="dark"] :is(.entity-logo, .project-logo) {
    background: #f2f4f5;
    border-color: #f2f4f5;
  }
  [data-theme="dark"] .education-logo {
    background: #f2f4f5;
    border-radius: 6px;
    padding: 5px;
  }
  [data-theme="dark"] .image-caption {
    background: #20272def;
    color: #eef2f5;
  }
  [data-theme="dark"] .image-caption img {
    background: #f2f4f5;
    border-radius: 50%;
  }
  /* The illustrative interfaces have their own dark surfaces and accents. */
  [data-theme="dark"] :is(.dashboard, .chat-window, .notification) {
    background: #26313a;
    border-color: #43515c;
    box-shadow: 0 16px 32px #0004;
  }
  [data-theme="dark"] .window-top {
    background: linear-gradient(#303b44, #252f37);
    color: #b7c5cf;
    border-color: #43515c;
  }
  [data-theme="dark"] .dashboard-sidebar {
    background: #202a32;
    border-color: #43515c;
  }
  [data-theme="dark"]
    :is(
      .mini-brand span,
      .side-item,
      .sidebar-bottom,
      .dash-stats span,
      .table-label,
      .notification small,
      .chat-header small,
      .chat-input,
      .bubble small
    ) {
    color: #b4c1cb;
  }
  [data-theme="dark"] .side-item.selected {
    background: #354958;
    color: #d1e3ef;
  }
  [data-theme="dark"] .dash-stats > div {
    background: #2c3943;
    border-color: #43515c;
  }
  [data-theme="dark"] .demo-row {
    border-color: #3c4953;
  }
  [data-theme="dark"] .status-tag {
    background: #344b42;
    color: #c3dccb;
  }
  [data-theme="dark"] .chat-header {
    border-color: #43515c;
  }
  [data-theme="dark"] .chat-logo {
    background: #f2f4f5;
    border-radius: 50%;
  }
  [data-theme="dark"] .chat-messages {
    background: linear-gradient(145deg, #1c2929, #233235);
  }
  [data-theme="dark"] .bubble {
    background: #354149;
  }
  [data-theme="dark"] .bubble.reply {
    background: #354b40;
  }
  [data-theme="dark"] .notice-icon {
    background: #3b5161;
    color: #ccdfed;
  }
  [data-theme="dark"] .n-two .notice-icon {
    background: #3b5147;
    color: #c8e0d0;
  }
}
@media print {
  .theme-toggle {
    display: none;
  }
}