/* Shared suite surfaces: restrained directional shadows, without borders. */
.suite-experience.suite-studio {
 --study-shadow: 2px 4px 5px #34271301, 10px 15px 20px -9px #34271314;
}
.suite-experience.suite-studio .project-card,
.suite-experience.suite-studio .playlist-cover,
.suite-experience.suite-studio .community-grid article {
 border:0; background:#f8f6f0; box-shadow:var(--study-shadow);
}
.suite-experience.suite-studio .project-card#physical-routine,
.suite-experience.suite-studio .project-card#snory-teller { border:0; }
.suite-experience.suite-studio .music .playlist-cover { background:transparent; box-shadow:none; }
.suite-experience.suite-studio .playlist-art {
 border:0; border-radius:8px;
 box-shadow:2px 3px 3px #30231202, 9px 12px 13px -5px #30231213;
}
.suite-experience.suite-studio .project-card-head .app-icon {
 box-shadow:1px 2px 2px #30231201, 5px 7px 8px -3px #30231211;
}
.suite-experience.suite-studio .project-card-head h2 { color:var(--app-accent,var(--suite-ink)); }
.suite-experience.suite-studio #physical-routine .project-card-head h2 { color:#12556c; }
.suite-experience.suite-studio .hub-menu-group > summary,
.suite-experience.suite-studio .language-nav select {
 border-color:transparent; box-shadow:inset 0 1px 0 #ffffffc0,2px 4px 7px #34271301;
}
.suite-experience.suite-studio .project-card .project-store-grid > a,
.suite-experience.suite-studio .playlist-actions a {
 border-color:transparent;
 box-shadow:inset 0 1px 0 #ffffff65,1px 2px 2px #30231201,4px 6px 8px -3px #3023120d;
}
.suite-experience.suite-studio .project-card .project-store-grid > a:active,
.suite-experience.suite-studio .playlist-actions a:active { box-shadow:inset 0 2px 4px #00000001; }
@media(max-width:740px) {
 .suite-experience.suite-studio { --study-shadow:2px 3px 4px #34271301,7px 10px 15px -7px #34271311; }
}

/* Translucent controls over scrolling content; opaque fallback remains legible. */
.suite-experience.suite-studio .hub-header { background:#f7f5ef82; }
@supports (backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px)) {
 .suite-experience.suite-studio .hub-header {
  background:#f7f5ef65; -webkit-backdrop-filter:blur(18px) saturate(1.15); backdrop-filter:blur(18px) saturate(1.15);
 }
 .suite-experience.suite-studio .hub-menu-group > summary,
 .suite-experience.suite-studio .language-nav select { background:#fffefa5f; }
}
.suite-experience.suite-studio .hub-menu-group > summary,
.suite-experience.suite-studio .playlist-actions a,
.suite-experience.suite-studio .project-store-grid > a { transition:transform 300ms ease,box-shadow 300ms ease,background-color 300ms ease; }
.suite-experience.suite-studio .hub-menu-group > summary:active,
.suite-experience.suite-studio .playlist-actions a:active,
.suite-experience.suite-studio .project-store-grid > a:active { transform:translateY(.5px) scale(.995); }
@media(prefers-reduced-motion:no-preference) {
 .suite-experience.suite-studio .art-arriving { animation:studio-art-arrival 1600ms cubic-bezier(.4,0,.2,1) var(--arrival-delay,0ms) backwards; }
 @keyframes studio-art-arrival {
  from { opacity:.9; translate:0 1px; }
  to { opacity:1; translate:0 0; }
 }
 @media(hover:hover) and (pointer:fine) {
  .suite-experience.suite-studio .playlist-art { transition:transform 300ms ease,box-shadow 300ms ease; }
  .suite-experience.suite-studio .playlist-cover:hover .playlist-art { transform:translateY(-1px); box-shadow:3px 5px 5px #30231201,11px 16px 18px -5px #30231211; }
 }
}
@media(prefers-reduced-motion:reduce) {
 .suite-experience.suite-studio :is(.playlist-art,.hub-menu-group > summary,.playlist-actions a,.project-store-grid > a) { animation:none; transition:none; transform:none; }
}

@media(prefers-reduced-motion:no-preference) {
 .suite-experience.suite-studio .stores-arriving > a {
  animation:studio-store-arrival 1200ms cubic-bezier(.4,0,.2,1) backwards;
 }
 .suite-experience.suite-studio .stores-arriving > a:nth-child(2) { animation-delay:260ms; }
 .suite-experience.suite-studio .stores-arriving > a:nth-child(3) { animation-delay:520ms; }
 .suite-experience.suite-studio .stores-arriving > a:nth-child(4) { animation-delay:780ms; }
 .suite-experience.suite-studio .stores-arriving:focus-within > a { animation:none; }
 @keyframes studio-store-arrival {
  from { opacity:.55; transform:translateY(2px); }
  to { opacity:1; transform:translateY(0); }
 }
}

@media(prefers-reduced-motion:no-preference) {
 .suite-experience.suite-studio .community-arriving { animation:studio-store-arrival 1200ms cubic-bezier(.4,0,.2,1) var(--community-delay,0ms) backwards; }
 .suite-experience.suite-studio .community-arriving:focus-within { animation:none; }
}

/* Pointer elevation: movement is subtle; depth stays visible with reduced motion. */
@media(hover:hover) and (pointer:fine) {
 .suite-experience.suite-studio :is(.project-card,.community-grid article) { transition:transform 300ms ease,box-shadow 300ms ease; }
 .suite-experience.suite-studio :is(.project-card,.community-grid article):hover {
  box-shadow:3px 6px 8px #34271301,14px 23px 28px -10px #34271318;
 }
 .suite-experience.suite-studio :is(.playlist-actions a,.project-card .project-store-grid > a,.hub-menu-group > summary):hover {
  box-shadow:inset 0 1px 0 #ffffff80,2px 4px 5px #30231201,7px 11px 14px -4px #30231214;
 }
 @media(prefers-reduced-motion:no-preference) {
  .suite-experience.suite-studio :is(.project-card,.community-grid article):hover { transform:translateY(-1px); }
  .suite-experience.suite-studio :is(.playlist-actions a,.project-card .project-store-grid > a,.hub-menu-group > summary):hover { transform:translateY(-.5px); }
  .suite-experience.suite-studio :is(.playlist-actions a,.project-card .project-store-grid > a,.hub-menu-group > summary):active { transform:translateY(.5px) scale(.995); }
 }
}

@media(prefers-reduced-motion:no-preference) {

 .suite-experience.suite-studio .intro-arriving .intro { animation:studio-store-arrival 1200ms cubic-bezier(.4,0,.2,1) 1450ms backwards; }
}

/* Preserve the exact official wordmark while revealing its three components. */
.suite-experience.suite-studio .studio-brand-composition { display:block; position:relative; width:100%; aspect-ratio:1846 / 763; }
.suite-experience.suite-studio .studio-brand-composition .brand-piece { position:absolute; inset:0; width:100%; height:100%; }
.suite-experience.suite-studio .brand-piece-symbol { clip-path:inset(0 68% 0 0); }
.suite-experience.suite-studio .brand-piece-name { clip-path:inset(0 0 45% 32%); }
.suite-experience.suite-studio .brand-piece-studio { clip-path:inset(55% 0 0 32%); }
@media(prefers-reduced-motion:no-preference) {
 .suite-experience.suite-studio .intro-arriving .brand-piece { animation:studio-store-arrival 1200ms cubic-bezier(.4,0,.2,1) backwards; }
 .suite-experience.suite-studio .intro-arriving .brand-piece-name { animation-delay:400ms; }
 .suite-experience.suite-studio .intro-arriving .brand-piece-studio { animation-delay:800ms; }
}

/* Shared depth system. Product palettes and original content remain authoritative. */
.suite-experience {
 --suite-depth:2px 4px 5px #34271301,10px 15px 20px -9px #34271314;
 --suite-depth-hover:3px 6px 8px #34271301,14px 23px 28px -10px #34271318;
 --suite-control-depth:inset 0 1px 0 #ffffff65,1px 2px 2px #30231201,4px 6px 8px -3px #3023120d;
}
.suite-experience.suite-snory { --suite-depth:2px 4px 5px #00000001,10px 15px 20px -9px #00000021; --suite-depth-hover:3px 6px 8px #00000002,14px 23px 28px -10px #00000029; }
.suite-experience :is(.card,.project-card,.community-grid article,.privacy-card,.offer,.release-card,.steps section,.suite-product-masthead figure,.context-visual,.platform-capture-hero,.mac-hero-visual,.seo-link-card) {
 border:0; box-shadow:var(--suite-depth); border-radius:16px;
}
.suite-experience :is(.button,.store-link,.store-cta,.secondary-cta,.suite-product-cta,.random-pick-button,.store-button,.playlist-actions a,.project-store-grid > a,.platforms a) {
 box-shadow:var(--suite-control-depth); border-radius:14px;
}
.suite-experience :is(.guide-topic) { border:0; border-radius:14px; background:#fffefa; box-shadow:var(--suite-depth); }
.suite-experience :is(.guide,.ecosystem) { border:0; background:transparent; box-shadow:none; }
.suite-experience :is(.playlist-art,.app-icon) { box-shadow:2px 3px 3px #30231202,7px 10px 12px -5px #30231213; }
.suite-experience :is(.language-trigger,.nav-toggle) { border-color:transparent; border-radius:12px; box-shadow:var(--suite-control-depth); }
.suite-experience :is(.button,.store-link,.store-cta,.secondary-cta,.suite-product-cta,.random-pick-button,.store-button):active { box-shadow:inset 0 2px 4px #00000001; }
.suite-experience :is(.stores-arriving > a) { animation:none; }
@media(prefers-reduced-motion:no-preference) {
 .suite-experience .stores-arriving > a { animation:studio-store-arrival 1200ms cubic-bezier(.4,0,.2,1) backwards; }
 .suite-experience .stores-arriving > a:nth-child(2) { animation-delay:260ms; }
 .suite-experience .stores-arriving > a:nth-child(3) { animation-delay:520ms; }
 .suite-experience .stores-arriving > a:nth-child(4) { animation-delay:780ms; }
 .suite-experience .stores-arriving > a:nth-child(5) { animation-delay:1040ms; }
 .suite-experience .stores-arriving > a:nth-child(6) { animation-delay:1300ms; }
 .suite-experience .stores-arriving:focus-within > a { animation:none; }
 .suite-experience .art-arriving { animation:studio-art-arrival 1600ms cubic-bezier(.4,0,.2,1) var(--arrival-delay,0ms) backwards; }
}
@media(hover:hover) and (pointer:fine) {
 .suite-experience :is(.card,.project-card,.community-grid article,.privacy-card,.offer,.release-card,.steps section,.guide-topic,.seo-link-card) { transition:box-shadow 300ms ease,transform 300ms ease; }
 .suite-experience :is(.card,.project-card,.community-grid article,.privacy-card,.offer,.release-card,.steps section,.guide-topic,.seo-link-card):hover { box-shadow:var(--suite-depth-hover); }
 .suite-experience :is(.button,.store-link,.store-cta,.secondary-cta,.suite-product-cta,.store-button,.playlist-actions a,.project-store-grid > a,.platforms a):hover { box-shadow:inset 0 1px 0 #ffffff80,2px 4px 5px #30231201,7px 11px 14px -4px #30231214; }
 @media(prefers-reduced-motion:no-preference) {
  .suite-experience :is(.card,.project-card,.community-grid article,.guide-topic,.seo-link-card):hover { transform:translateY(-1px); }
  .suite-experience :is(.button,.store-link,.store-cta,.secondary-cta,.suite-product-cta,.store-button,.playlist-actions a,.project-store-grid > a,.platforms a):hover { transform:translateY(-.5px); transition:transform 300ms ease,box-shadow 300ms ease; }
 }
}
.suite-experience.suite-meal { background:#f7f5ef; color:#173b2b; --suite-accent:#004225; }
.suite-experience.suite-meal h1,.suite-experience.suite-meal h2 { color:#004225; letter-spacing:-.025em; }
.suite-experience.suite-meal header nav a { background:#fffefa; padding:10px 16px; border-radius:12px; box-shadow:var(--suite-control-depth); }
.suite-experience:is(.suite-guide-record,.suite-guide-snory,.suite-guide-physical) { background:#f7f5ef; color:#242321; }
.suite-experience.suite-guide-record { --suite-accent:#d81f45; }
.suite-experience.suite-guide-snory { --suite-accent:#0067d6; }
.suite-experience.suite-guide-physical { --suite-accent:#00affe; }
.suite-experience:is(.suite-guide-record,.suite-guide-snory,.suite-guide-physical) h1 { letter-spacing:-.04em; line-height:1.12; }
.suite-experience :is(a,button,summary,select):focus-visible { outline:3px solid var(--suite-accent,#b62442); outline-offset:4px; }
@media(max-width:740px) { .suite-experience { --suite-depth:2px 3px 4px #34271301,7px 10px 15px -7px #34271311; } .suite-experience.suite-snory { --suite-depth:2px 3px 4px #00000001,7px 10px 15px -7px #00000021; } }
/* Screenshots float directly over the page, rather than inside a cream frame. */
.suite-experience :is(.suite-product-masthead figure,.context-visual,.platform-capture-hero,.mac-hero-visual) { background:transparent; border:0; box-shadow:none; padding:0; }
.suite-experience :is(.suite-product-masthead figure,.context-visual,.platform-capture-hero,.mac-hero-visual) img { border-radius:12px; box-shadow:var(--suite-depth); }
.suite-experience .rps-guide-masthead figure { background:transparent; border:0; box-shadow:none; padding:0; }
.suite-experience .rps-guide-masthead figure img { border-radius:12px; box-shadow:var(--suite-depth); }
@media(prefers-reduced-motion:no-preference) { .suite-experience .single-arriving { animation:studio-store-arrival 1200ms cubic-bezier(.4,0,.2,1) backwards; } .suite-experience .single-arriving:focus { animation:none; } }

/* The approved quiet surfaces also cover product, support and guide variants. */
.suite-experience:not(.suite-snory) {
 --suite-paper:#f7f5ef; --suite-surface:#f8f6f0;
 --panel:#f8f6f0; --panel-solid:#f8f6f0; --surface-raised:#f8f6f0;
 --surface-strong:#f8f6f0; --glass-surface:#f8f6f0; --glass-strong:#f8f6f0;
 background-color:var(--suite-paper);
}
.suite-experience:not(.suite-snory) :is(.card,.project-card,.community-grid article,.guide-topic,.seo-link-card,.platform-expansion,.current-release,.studio-bridge-card,.press-review-spotlight,.contact-band) {
 background:#f8f6f0; border:0; border-radius:16px; box-shadow:var(--suite-depth);
}
.suite-experience.suite-physical main section {
 background:#f8f6f0; border:0; border-radius:16px; box-shadow:var(--suite-depth);
}
.suite-experience.suite-meal main > section {
 padding:clamp(20px,3vw,28px); margin-block:24px;
 background:#f8f6f0; border:0; border-radius:16px; box-shadow:var(--suite-depth);
}
.suite-experience.suite-snory :is(.privacy-card,.release-card,.offer,.steps section) {
 background:#091c34; border:0; box-shadow:var(--suite-depth);
}
@media(hover:hover) and (pointer:fine) {
 .suite-experience :is(.platform-expansion,.current-release,.studio-bridge-card,.press-review-spotlight,.contact-band),
 .suite-experience.suite-physical main section,.suite-experience.suite-meal main > section {
  transition:box-shadow 300ms ease; }
 .suite-experience :is(.platform-expansion,.current-release,.studio-bridge-card,.press-review-spotlight,.contact-band):hover,
 .suite-experience.suite-physical main section:hover,.suite-experience.suite-meal main > section:hover {
  box-shadow:var(--suite-depth-hover); }
}
@media(prefers-reduced-motion:reduce) {
 .suite-experience :is(.platform-expansion,.current-release,.studio-bridge-card,.press-review-spotlight,.contact-band),
 .suite-experience.suite-physical main section,.suite-experience.suite-meal main > section { transition:none; }
}

.suite-experience :is(header nav,.hub-header) a { text-decoration:none; }

/* Remaining legacy framed blocks use the same quiet surface as Studio. */
.suite-experience:not(.suite-snory) :is(.v20-preview-panel,.platform-beta-callout,.random-pick-stage),
.suite-experience:is(.suite-guide-record,.suite-guide-snory,.suite-guide-physical) .detail-page > :is(section,#guide-next-steps) {
 background:#f8f6f0; border:0; border-radius:16px; box-shadow:var(--suite-depth);
}
@media(hover:hover) and (pointer:fine) {
 .suite-experience:not(.suite-snory) :is(.v20-preview-panel,.platform-beta-callout,.random-pick-stage):hover,
 .suite-experience:is(.suite-guide-record,.suite-guide-snory,.suite-guide-physical) .detail-page > :is(section,#guide-next-steps):hover {
  box-shadow:var(--suite-depth-hover);
 }
}

/* Navigation panels are quiet lists, never a second stack of store buttons. */
.suite-experience.suite-studio .hub-menu-panel {
 z-index:40; padding:8px; background:#faf9f5; border:0;
 border-radius:16px; box-shadow:var(--suite-depth-hover);
}
.suite-experience.suite-studio .hub-menu-panel a,
.suite-experience.suite-studio .hub-menu-panel :is(.platforms,.social-links) a {
 min-height:44px; width:100%; height:auto; padding:10px 12px;
 background:transparent; color:#242321; border:0; box-shadow:none;
 border-radius:9px; font-size:14px; font-weight:500; line-height:1.45;
 justify-content:flex-start; text-align:start; white-space:normal;
}
.suite-experience.suite-studio .hub-menu-panel a:hover,
.suite-experience.suite-studio .hub-menu-panel a:focus-visible {
 background:#efede6; color:#242321; transform:none;
}
.suite-experience.suite-studio .hub-menu-panel :is(.store-logo,.platform-logo) {
 width:20px; height:20px; object-fit:contain; flex-shrink:0; filter:brightness(0);
}
.suite-experience.suite-studio .hub-menu-group > summary::after {
 margin-inline-start:8px;
}
@media(max-width:740px) {
 .suite-experience.suite-studio .hub-header {
  position:relative; top:auto; padding:16px 20px; gap:14px;
  background:#f7f5ef; backdrop-filter:none; -webkit-backdrop-filter:none;
 }
 .suite-experience.suite-studio .hub-header .language-nav {
  order:-1; display:flex; align-items:center; gap:8px; font-size:12px;
 }
 .suite-experience.suite-studio .hub-header .language-nav select {
  flex:1; min-width:0; max-width:100%; min-height:40px;
  padding:8px 10px; background:transparent; box-shadow:none;
 }
 .suite-experience.suite-studio .hub-header .hub-menu {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  width:100%; gap:8px; position:static;
 }
 .suite-experience.suite-studio .hub-menu-group { min-width:0; position:static; }
 .suite-experience.suite-studio .hub-menu-group[open] { grid-column:1/-1; }
 .suite-experience.suite-studio .hub-menu-group > summary {
  justify-content:space-between; min-height:44px; padding:10px 12px;
  font-size:13px; background:#f8f6f0; box-shadow:var(--suite-control-depth);
 }
 .suite-experience.suite-studio .hub-menu-panel {
  position:static; inset:auto; min-width:0; max-width:none; width:100%;
  max-height:none; overflow:visible; margin-top:8px;
 }
}
.suite-experience.suite-studio .hub-menu-panel a[href*="id6820104318"]::before {
 content:""; display:block; width:20px; height:20px; flex-shrink:0;
 background:currentColor; -webkit-mask:url('/apps/assets/appstore.svg') center/contain no-repeat;
 mask:url('/apps/assets/appstore.svg') center/contain no-repeat;
}
@media(min-width:741px) {
 .suite-experience.suite-studio .hub-menu-panel { min-width:320px; }
}
/* One compact navigation row on phones; dropdowns span the navigation width. */
@media(max-width:740px) {
 .suite-experience.suite-studio .hub-header { padding-inline:16px; }
 .suite-experience.suite-studio .hub-header .hub-menu {
  display:flex; flex-wrap:nowrap; gap:6px; align-items:flex-start;
  position:relative;
 }
 .suite-experience.suite-studio .hub-menu-group { flex:1 1 0; min-width:0; }
 .suite-experience.suite-studio .hub-menu-group > summary {
  padding:10px 6px; font-size:12px; white-space:nowrap; justify-content:center;
 }
 .suite-experience.suite-studio .hub-menu-group > summary::after { margin-inline-start:4px; }
 .suite-experience.suite-studio .hub-menu-group:last-child > summary {
  font-size:0;
 }
 .suite-experience.suite-studio .hub-menu-group:last-child > summary::before {
  content:"Apps"; font-size:12px;
 }
 .suite-experience.suite-studio .hub-menu-group:last-child > summary::after { font-size:12px; }
 .suite-experience.suite-studio .hub-menu-group[open] { flex:1 1 0; }
 .suite-experience.suite-studio .hub-menu-group[open] .hub-menu-panel {
  position:absolute; inset-inline:0; top:calc(100% + 8px); width:100%;
  max-height:55vh; overflow:auto; margin-top:0;
 }
}

/* Snory controls share the borderless presentation of the suite. */
.suite-experience.suite-snory :is(.store-cta,.secondary-cta,.status,.language-options,.language-picker summary) { border:0; }
.suite-experience.suite-snory .secondary-cta {
 display:inline-flex; align-items:center; justify-content:center;
 min-height:44px; padding:10px 16px; border-radius:12px;
 background:transparent; box-shadow:none; text-decoration:none;
}
.suite-experience.suite-snory .secondary-cta:hover { background:#0d2341; box-shadow:none; }
.suite-experience.suite-snory .store-cta { box-shadow:var(--suite-depth); }
/* A plain language field; only deliberate keyboard navigation gets a focus cue. */
.suite-experience .language-nav select,
.suite-experience.suite-studio .language-nav select {
 border:0; border-radius:0; background:transparent; box-shadow:none;
}
.suite-experience .language-nav select:focus,
.suite-experience .language-nav select:focus-visible { outline:none; box-shadow:none; }
.suite-experience.suite-keyboard-navigation .language-nav select:focus-visible {
 outline:2px solid currentColor; outline-offset:4px;
}

/* Studio: white canvas and borderless white surfaces. */
.suite-experience.suite-studio {
 --suite-paper:#fff; --suite-surface:#fff;
 --panel:#fff; --panel-solid:#fff; --surface-raised:#fff;
 --surface-strong:#fff; --glass-surface:#fff; --glass-strong:#fff;
 background-color:#fff;
}
.suite-experience.suite-studio :is(.card,.project-card,.community-grid article,.guide-topic,.hub-menu-group > summary,.hub-menu-panel,.detail-page > a.button) { background-color:#fff; }
.suite-experience.suite-studio .hub-header { background:#ffffffe6; }
.suite-experience.suite-studio .language-nav select { background:transparent; }

/* Follow the visitor's system appearance, including live preference changes. */
.suite-experience.suite-studio { color-scheme:light dark; }
.suite-experience.suite-studio .studio-brand { background:transparent; }
@media (prefers-color-scheme:dark) {
 .suite-experience.suite-studio {
  color-scheme:dark;
  --suite-paper:#111214; --suite-surface:#191a1d;
  --suite-ink:#f2f2f4; --suite-muted:#b9bac1; --suite-rule:#38393f;
  --suite-accent:#ff6484;
  --panel:#191a1d; --panel-solid:#191a1d; --surface-raised:#222328;
  --surface-strong:#222328; --glass-surface:#191a1d; --glass-strong:#222328;
  --suite-depth:2px 4px 5px #00000008,10px 15px 20px -9px #0000003d;
  --study-shadow:var(--suite-depth);
  --suite-control-depth:0 2px 5px #00000026;
  background-color:var(--suite-paper); color:var(--suite-ink);
 }
 .suite-experience.suite-studio :is(.card,.project-card,.community-grid article,.guide-topic,.hub-menu-group > summary,.hub-menu-panel,.detail-page > a.button) {
  background-color:var(--suite-surface); color:var(--suite-ink);
 }
 .suite-experience.suite-studio .hub-header { background:#111214e6; border-color:var(--suite-rule); }
 .suite-experience.suite-studio :is(footer,.guide,.project-update,.guide-nav,.measurement-settings) { border-color:var(--suite-rule); }
 .suite-experience.suite-studio :is(.intro,.tag,.playlist-cover > p,.community-grid p,.presentation-shot figcaption,.detail-page > p,.card .limits) { color:var(--suite-muted); }
 .suite-experience.suite-studio :is(.hub-menu a,.hub-menu summary,.language-nav,.language-nav select,.project-nav a,.detail-page > a.button) { color:var(--suite-ink); }
 .suite-experience.suite-studio :is(.hub-menu a:hover,.project-nav a:hover,.community-grid a:hover) { background:#292a30; color:#fff; }
 .suite-experience.suite-studio .language-nav select option { background:#191a1d; color:var(--suite-ink); }
 .suite-experience.suite-studio :is(.routine-art span,.demo,.presentation-shot,.project-nav a) { background:#222328; }
 .suite-experience.suite-studio #record-picker .project-card-head h2 { color:#ff6484; }
 .suite-experience.suite-studio #snory-teller .project-card-head h2 { color:#7db6ff; }
 .suite-experience.suite-studio #physical-routine .project-card-head h2 { color:#6cd5ff; }
 .suite-experience.suite-studio #meal-picker .project-card-head h2 { color:#8cc8a9; }
 .suite-experience.suite-studio .project-card .project-store-grid > :is(.store-microsoftstore,.store-android-beta) { background:#26272c; color:var(--suite-ink); }
 .suite-experience.suite-studio .project-store-grid :is(.store-microsoftstore,.store-android-beta) .store-logo { filter:brightness(0) invert(1); }
 .suite-experience.suite-studio :is(.brand-piece-name,.brand-piece-studio) { filter:invert(1); }
 .suite-experience.suite-studio .detail-page > a.button:hover { background:#292a30; color:#fff; }
}

/* Upcoming Studio projects retain their own identities. */
.suite-experience.suite-studio #moovie-picker .project-card-head h2 { color:var(--suite-ink); }
.suite-experience.suite-studio #book-picker .project-card-head h2 { color:#653c68; }
@media(prefers-color-scheme:dark) { .suite-experience.suite-studio #book-picker .project-card-head h2 { color:#dcb7df; } }

/* Dark Studio content shares the canvas: no contrasting card frames. */
@media (prefers-color-scheme:dark) {
 body.suite-experience.suite-studio :is(.card.project-card,.community-grid article,.guide-topic,.playlist-cover) {
  background:var(--suite-paper); border:0; box-shadow:none;
 }
 body.suite-experience.suite-studio :is(.card.project-card,.community-grid article,.guide-topic,.playlist-cover):hover {
  box-shadow:none;
 }
}