/* Full-page colour studies. These rules apply only to the three preview pages. */
.sandbox-color-preview{
  --proposal-bg:#101419;
  --proposal-ink:#f6f6f2;
  --proposal-muted:#bac6d2;
  --proposal-line:#34404d;
  --proposal-accent:#8fbeff;
  --proposal-accent-ink:#101820;
  --proposal-hero:#e7f0fb;
  --proposal-hero-ink:#111b27;
  --proposal-lab:#17202b;
  --proposal-panel:#101820;
  --proposal-learning:#f3f6fa;
  --proposal-learning-ink:#17212e;
  --proposal-square:#e9e8f5;
  --proposal-square-ink:#27304b;
  --proposal-square-side:#b8b4e5;
  --proposal-square-roof:#dedbfa;
  --proposal-close:#101419;
  --sd-bg:var(--proposal-bg);
  --sd-ink:var(--proposal-ink);
  --sd-muted:var(--proposal-muted);
  --sd-line:var(--proposal-line);
  --sd-mint:var(--proposal-accent);
  --sd-lilac:#bba8ee;
  --sd-orange:#ed675a;
  background:var(--proposal-bg);
  color:var(--proposal-ink);
}
.sandbox-color-1{
  --proposal-hero:linear-gradient(125deg,#fff 0%,#edf4ff 45%,#d6e8ff 100%);
  --proposal-learning:#f5f7fb;
  --proposal-square:#e9e8f5;
  --proposal-close:#101419;
}
.sandbox-color-2{
  --proposal-bg:#0d1119;
  --proposal-ink:#f8f8fa;
  --proposal-muted:#b5c2d9;
  --proposal-line:#34425a;
  --proposal-hero:radial-gradient(ellipse at 78% 38%,#263f65 0%,#111b2b 43%,#0d1119 85%);
  --proposal-hero-ink:#f8f8fa;
  --proposal-lab:#131d2d;
  --proposal-panel:#0d1524;
  --proposal-learning:#141c2b;
  --proposal-learning-ink:#f8f8fa;
  --proposal-square:#dce8f8;
  --proposal-square-ink:#1a304b;
  --proposal-square-side:#9fb9df;
  --proposal-square-roof:#d0dff4;
  --proposal-close:#18233a;
}
.sandbox-color-3{
  --proposal-bg:#17151b;
  --proposal-ink:#f9f6f3;
  --proposal-muted:#ccc1ca;
  --proposal-line:#514851;
  --proposal-accent:#a6c9ff;
  --proposal-hero:linear-gradient(125deg,#faf7f3 0%,#f4ebe8 53%,#e7ddec 100%);
  --proposal-hero-ink:#24202a;
  --proposal-lab:#282129;
  --proposal-panel:#1a171e;
  --proposal-learning:#f7f2ee;
  --proposal-learning-ink:#29212a;
  --proposal-square:#ebe4f0;
  --proposal-square-ink:#382d4b;
  --proposal-square-side:#c7b8e2;
  --proposal-square-roof:#e7dafa;
  --proposal-close:#201c25;
}
.sandbox-color-preview .palette-preview-nav{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 5vw;background:#14171d;color:#f7f7f5;border-bottom:1px solid #343944;font:11px/1.5 'IBM Plex Mono',monospace}
.sandbox-color-preview .palette-preview-nav nav{display:flex;flex-wrap:wrap;gap:8px}
.sandbox-color-preview .palette-preview-nav a{color:inherit;text-decoration:none;border:1px solid #59616f;border-radius:4px;padding:6px 10px}
.sandbox-color-preview .palette-preview-nav a[aria-current]{background:#8fbeff;color:#101820;border-color:#8fbeff}
.sandbox-color-preview .palette-preview-nav a:hover,.sandbox-color-preview .palette-preview-nav a:focus-visible{border-color:#8fbeff;color:#8fbeff}
.sandbox-color-preview .palette-preview-nav a[aria-current]:hover{color:#101820}
.sandbox-color-preview.notebook-refined .sd-hero{background:var(--proposal-hero);color:var(--proposal-hero-ink);--sd-mint:var(--proposal-accent)}
.sandbox-color-preview.notebook-refined .rh-title,.sandbox-color-preview.selected-title-three .rh-title{color:var(--proposal-hero-ink)}
.sandbox-color-preview.notebook-refined .sd-hero .sd-lead,.sandbox-color-preview.quiet-heading .sd-lead{color:var(--proposal-hero-ink)}
.sandbox-color-preview .sd-facts{color:var(--proposal-hero-ink)}
.sandbox-color-preview .rh-green{color:#8fbeff}
.sandbox-color-3 .rh-green{color:#b39ddd}
.sandbox-color-preview.sandbox-1 .sd-title:after{color:var(--proposal-accent)}
.sandbox-color-preview.sandbox-live.notebook-refined .sd-button,.sandbox-color-preview.notebook-refined .sd-hero .sd-button{background:var(--proposal-accent);color:var(--proposal-accent-ink);border-color:var(--proposal-accent)}
.sandbox-color-preview.sandbox-live.notebook-refined .sd-button:hover,.sandbox-color-preview.sandbox-live.notebook-refined .sd-button:focus-visible{background:transparent;color:var(--proposal-accent);border-color:var(--proposal-accent)}
.sandbox-color-preview.sandbox-live.notebook-refined .sd-hero .sd-button:hover,.sandbox-color-preview.sandbox-live.notebook-refined .sd-hero .sd-button:focus-visible{color:var(--proposal-hero-ink);border-color:var(--proposal-hero-ink)}
.sandbox-color-preview #sbx-chat{--ink:#18212b;--body:#4a5767;--muted:#818f9f;--line:#e3e9f0;--mint:var(--proposal-accent);--mint-soft:#e7f1ff;--mint-ring:#c2d9f8;--rail:#f3f6fb;box-shadow:0 30px 60px -28px #263b5a44}
.sandbox-color-3 #sbx-chat{--mint-soft:#f0eafb;--mint-ring:#d6c9ea;--rail:#f7f4f8}
.sandbox-color-preview #sbx-chat .sbx-m.me .sbx-bubble{color:#253855}
.sandbox-color-preview #sbx-chat .sbx-mode{color:#355d9a}
.sandbox-color-preview #sbx-chat .sbx-send.on{box-shadow:0 6px 14px -4px #537cb799;color:#101820}
.sandbox-color-preview #sbx-chat .sbx-dots i{background:#c9d3e0}
.sandbox-color-preview #sbx-chat .sbx-typing i{background:#9aa9bd}
.sandbox-color-preview .sd-lab{background:var(--proposal-lab);border-color:var(--proposal-line)}
.sandbox-color-preview .sd-experiment{background:var(--proposal-panel);box-shadow:14px 14px 0 #8fbeff18}
.sandbox-color-3 .sd-experiment{box-shadow:14px 14px 0 #b39ddd2b}
.sandbox-color-preview .sd-topic-tabs button[aria-pressed=true]{color:#101820}
.sandbox-color-preview.sandbox-live #lerngewinn.learning-section-light{background:var(--proposal-learning);color:var(--proposal-learning-ink);--sd-muted:#586679}
.sandbox-color-2.sandbox-live #lerngewinn.learning-section-light{--sd-muted:#b5c2d9}
.sandbox-color-preview.sandbox-live #lerngewinn.learning-section-light .sd-learning-head .sd-intro,.sandbox-color-preview.sandbox-live #lerngewinn.learning-section-light .sd-art-caption{color:var(--sd-muted)}
.sandbox-color-preview.learning-palette-2 .sd-learning-card:nth-child(1){background:#dceaff;border-color:#bbd2f1}
.sandbox-color-preview.learning-palette-2 .sd-learning-card:nth-child(2){background:#e8e3f4;border-color:#ccc3e7}
.sandbox-color-preview.learning-palette-2 .sd-learning-card:nth-child(3){background:#eeeef1;border-color:#d2d2d9}
.sandbox-color-preview.learning-palette-2 .sd-learning-card h3{color:#202a39}
.sandbox-color-preview.learning-palette-2 .sd-learning-card p{color:#4d5868}
.sandbox-color-preview.learning-palette-2 .sd-learning-card>span{color:#375f9c}
.sandbox-color-2.learning-palette-2 .sd-learning-card:nth-child(1){background:#202e48;border-color:#3a5078}
.sandbox-color-2.learning-palette-2 .sd-learning-card:nth-child(2){background:#2b2741;border-color:#514977}
.sandbox-color-2.learning-palette-2 .sd-learning-card:nth-child(3){background:#30343f;border-color:#535a6a}
.sandbox-color-2.learning-palette-2 .sd-learning-card h3{color:#f7f7fb}
.sandbox-color-2.learning-palette-2 .sd-learning-card p{color:#cbd4e5}
.sandbox-color-2.learning-palette-2 .sd-learning-card>span{color:#a9caff}
.sandbox-color-3.learning-palette-2 .sd-learning-card:nth-child(1){background:#f3d9d4;border-color:#e5bcb4}
.sandbox-color-3.learning-palette-2 .sd-learning-card:nth-child(2){background:#e4daf1;border-color:#cbbbe2}
.sandbox-color-3.learning-palette-2 .sd-learning-card:nth-child(3){background:#e7e4e8;border-color:#d0cbd3}
.sandbox-color-3.learning-palette-2 .sd-learning-card>span{color:#775675}
.sandbox-color-preview .sd-square{background:var(--proposal-square);color:var(--proposal-square-ink);--sd-muted:#505d76;--sd-line:#a8b5cf;--sd-mint:#324d85}
.sandbox-color-3 .sd-square{--sd-muted:#655971;--sd-line:#b9a9ce;--sd-mint:#533e75}
.sandbox-color-preview .square-block{--glass:#ffffff88;--roof:#f9f9ff;--side:var(--proposal-square-side)}
.sandbox-color-preview .square-block.active{--glass:#aabff780;--roof:var(--proposal-square-roof);--side:var(--proposal-square-side)}
.sandbox-color-preview.notebook-refined .sd-square-art .sandbox-inline-signature{color:var(--proposal-square-ink)}
.sandbox-color-preview .sd-square .sd-place-tabs button[aria-pressed=true]{color:#fff}
.sandbox-color-preview.notebook-refined .sd-closing{background:var(--proposal-close)}
.sandbox-color-preview.notebook-refined .sandbox-inline-signature{color:var(--proposal-accent)}
.sandbox-color-preview .sd-closing p{color:#c4cede}
.sandbox-color-preview a:focus-visible,.sandbox-color-preview button:focus-visible,.sandbox-color-preview input:focus-visible{outline-color:#ed675a}

/* Selected Nachtblau: white content sections with cards drawn from the SQUARE palette. */
.sandbox-color-2.sandbox-color-selected{
  --proposal-learning:#fff;
  --proposal-learning-ink:#25282c;
  --proposal-square:#fff;
  --proposal-square-ink:#272b31;
  --proposal-close:#1b2940;
}
.sandbox-color-2.sandbox-color-selected.notebook-refined .sd-hero{
  background:radial-gradient(ellipse 70% 65% at 80% 35%,#2b4672 0%,#203656 42%,transparent 78%),linear-gradient(180deg,#0d1119 0%,#1b2940 100%);
}
.sandbox-color-2.sandbox-color-selected .sd-lab{
  background:#fff;
  color:#25282c;
  --sd-muted:#596069;
  --sd-line:#c6c8ca;
  --sd-mint:#8fbeff;
  border-top:0;
  border-bottom:0;
}
.sandbox-color-2.sandbox-color-selected .sd-experiment{
  color:#f2f1ed;
  --sd-muted:#aebbd0;
  --sd-line:#43536c;
  --sd-mint:#8fbeff;
}
.sandbox-color-2.sandbox-color-selected.sandbox-live #lerngewinn.learning-section-light{
  background:#fff;
  --sd-muted:#596069;
}
.sandbox-color-2.sandbox-color-selected.learning-palette-2 .sd-learning-card:nth-child(1){background:#e2f7ee;border-color:#b8dfcc}
.sandbox-color-2.sandbox-color-selected.learning-palette-2 .sd-learning-card:nth-child(2){background:#c9ead9;border-color:#9fd3b9}
.sandbox-color-2.sandbox-color-selected.learning-palette-2 .sd-learning-card:nth-child(3){background:#e1d9fa;border-color:#bdafed}
.sandbox-color-2.sandbox-color-selected.learning-palette-2 .sd-learning-card h3{color:#25282c}
.sandbox-color-2.sandbox-color-selected.learning-palette-2 .sd-learning-card p{color:#535960}
.sandbox-color-2.sandbox-color-selected.learning-palette-2 .sd-learning-card:nth-child(1)>span{color:#286e56}
.sandbox-color-2.sandbox-color-selected.learning-palette-2 .sd-learning-card:nth-child(2)>span{color:#245f47}
.sandbox-color-2.sandbox-color-selected.learning-palette-2 .sd-learning-card:nth-child(3)>span{color:#644d9d}
.sandbox-color-2.sandbox-color-selected.sandbox-live #lerngewinn.learning-section-light .sd-learning-head .sd-intro,
.sandbox-color-2.sandbox-color-selected.sandbox-live #lerngewinn.learning-section-light .sd-art-caption{color:#596069}
.sandbox-color-2.sandbox-color-selected.sandbox-live #lerngewinn.learning-section-light .sd-text-link{color:#2c3540}
.sandbox-color-2.sandbox-color-selected .sd-square{
  --sd-muted:#525962;
  --sd-line:#d0d4d5;
  --sd-mint:#303b48;
}
.sandbox-color-2.sandbox-color-selected .square-block{
  --glass:#eaf8f080;
  --roof:#f3fbf6;
  --side:#b5d9c7;
}
.sandbox-color-2.sandbox-color-selected .square-block.active{
  --glass:#9b7bff80;
  --roof:#c2b4ff;
  --side:#83dcb7;
}
.sandbox-color-2.sandbox-color-selected.notebook-refined .sd-closing{
  background:var(--proposal-close);
  color:#f2f1ed;
  border-top:0;
}
.sandbox-color-2.sandbox-color-selected .sd-closing p{color:#c4cede}
.sandbox-color-2.sandbox-color-selected .sd-closing .sd-text-link{color:#a9caff}
@media(max-width:760px){.sandbox-color-preview .palette-preview-nav{padding:10px 24px;align-items:flex-start;flex-direction:column}.sandbox-color-preview .palette-preview-nav nav{gap:5px}.sandbox-color-preview .palette-preview-nav a{padding:5px 8px}}