/* Forest & Sand R2: dimensional surfaces and state-led depth, isolated from v420. */
html[data-palette="sand"][data-finish="refined"] {
  --app-bg:#204d3e; --app-muted:#f4f5e8;
  --studio-canvas:linear-gradient(90deg,#f6edcc04 1px,transparent 1px),linear-gradient(#f6edcc04 1px,transparent 1px),radial-gradient(ellipse at 92% -10%,#4d7253 0,transparent 54%),linear-gradient(145deg,#2c5b47,#193f35);
  --studio-hero:radial-gradient(ellipse at 95% 0%,#f3ead0b3,transparent 60%),linear-gradient(120deg,#bbcfaa,#d9ddbe);
  --studio-hero-ink:#263e2c; --studio-hero-muted:#3c5236; --studio-hero-accent:#35512d;
  --studio-nav:radial-gradient(ellipse at 0% 0%,#395f48,transparent 60%),linear-gradient(155deg,#204a3b,#17372e);
  --studio-nav-line:#91a67c66; --studio-nav-muted:#e0e8d1;
  --studio-selected:linear-gradient(135deg,#f7e9cb 0%,#e5caa2 65%,#d7b78b);
  --studio-selected-ink:#34482e;
  --studio-btn:linear-gradient(155deg,#496e4d 0%,#355b43 50%,#264b38);
  --studio-btn-line:#78936c; --studio-btn-shadow:#193b2c;
  --studio-card-shadow:inset 0 1px 0 #fffdf6,inset 0 -1px 0 #b39b7755,0 2px 0 #d6c5a66b,0 5px 8px #092d2426,0 18px 34px #0b2b2533;
  --finish-border:#c8ba9a; --finish-surface:linear-gradient(155deg,#fffaf0 0%,#f2e9d8 72%,#eaddc6);
  --finish-recess:linear-gradient(155deg,#dddcc7,#ebead7);
}
html[data-palette="sand"][data-finish="refined"] body {background-size:80px 80px,80px 80px,100% 100%,100% 100%}
html[data-palette="sand"][data-finish="refined"] .app-topbar {border-bottom-color:#bdc3a452;box-shadow:0 1px #0c35284d;height:94px}
html[data-palette="sand"][data-finish="refined"] .app-brand img {padding:3px;border:1px solid #d6c49499;border-radius:50%;background:linear-gradient(145deg,#d5c9a556,#66816925);box-shadow:inset 0 1px #fff7,0 2px 2px #163d2d99,0 5px 16px #082e252b}
html[data-palette="sand"][data-finish="refined"] .app-brand b {letter-spacing:-.025em;font-weight:650}
html[data-palette="sand"][data-finish="refined"] .app-brand small {color:#f4f5e8;letter-spacing:.01em}
html[data-palette="sand"][data-finish="refined"] .app-save-chip {background:linear-gradient(145deg,#41694e,#2c553f);color:#f1f4e8;border-color:#95ac815e;box-shadow:inset 0 1px #f4edc333,0 3px 7px #103c2826}
html[data-palette="sand"][data-finish="refined"] .app-save-chip::before {background:#d0e4a4;box-shadow:0 0 0 3px #b9d78d17,0 0 9px #d7eda345}
html[data-palette="sand"][data-finish="refined"] .app-icon-button {background:linear-gradient(145deg,#f6eacb,#ddc49e);color:#2d4834;border-color:#f3dfb1;box-shadow:inset 0 1px #fff9,0 2px 0 #a68f62,0 4px 10px #0b30263b}
html[data-palette="sand"][data-finish="refined"] .app-screen-heading.compact h1 {font-weight:620;letter-spacing:-.042em}
html[data-palette="sand"][data-finish="refined"] .app-intro h1 {font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(36px,3.7vw,52px);font-weight:650;letter-spacing:-.045em;line-height:1.1}
html[data-palette="sand"][data-finish="refined"] .app-intro h1 em {display:inline-block;font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em;color:#e8dfbd}
html[data-palette="sand"][data-finish="refined"] .app-landscape {border-radius:48px 20px 20px 20px;border:1px solid #d1c09599;box-shadow:0 0 0 5px #123c302c,0 2px 0 #c8c49c55,0 15px 28px #092c2545}
html[data-palette="sand"][data-finish="refined"] .app-nav {border:1px solid var(--studio-nav-line);box-shadow:inset 0 1px #e5d9a44d,inset 1px 0 #aabd8c25,inset 0 -1px #08261e99,0 4px 0 #11362c88,0 18px 44px #0a2c263d}
html[data-palette="sand"][data-finish="refined"] .app-nav-intro>span {background:linear-gradient(145deg,#f4e5c4,#ceb58a);border-color:#e0cc97;box-shadow:inset 0 1px #fcf0cb70,0 3px 7px #0c2d254d;color:#263e2c}
html[data-palette="sand"][data-finish="refined"] .app-nav-intro strong {font-size:22px;line-height:1.2;color:#f8f2df}
html[data-palette="sand"][data-finish="refined"] .app-nav a {position:relative;border:1px solid transparent}
html[data-palette="sand"][data-finish="refined"] .app-nav a[aria-current="page"] {border-color:#f3dfb3;box-shadow:inset 0 1px #fff9,inset 0 -1px #9f825445,0 3px 0 #9c815285,0 6px 13px #0d302852;text-shadow:0 1px #fff5}
html[data-palette="sand"][data-finish="refined"] .app-nav a[aria-current="page"] svg {stroke-width:1.9}
html[data-palette="sand"][data-finish="refined"] .app-nav a:focus-visible {outline:3px solid #fff3d4;outline-offset:4px;box-shadow:0 0 0 2px #143d2e}
html[data-palette="sand"][data-finish="refined"] :is(.app-path-row,.app-progress-card,.app-quick-links a,.app-section-picker,.tracker-action-card,.app-notebook,.app-settings-card,.app-dialog) {background:var(--finish-surface);border-color:var(--finish-border);box-shadow:var(--studio-card-shadow)}
html[data-palette="sand"][data-finish="refined"] :is(.app-focus-card,.app-overview,.app-settings-card.tracker-install-card) {background:var(--studio-hero);border:1px solid #d6deba;box-shadow:inset 0 1px #fff6,inset 0 -1px #64764d80,0 3px 0 #849b7155,0 7px 12px #10392b29,0 18px 36px #0b2c2533}
html[data-palette="sand"][data-finish="refined"] .app-focus-card {padding:30px 32px;border-radius:22px}
html[data-palette="sand"][data-finish="refined"] .app-focus-card::after {border-color:#415d2621;box-shadow:0 0 0 23px #f4ecd710,0 0 0 24px #5e783613,0 0 0 47px #f4ecd710,0 0 0 48px #5e78360c}
html[data-palette="sand"][data-finish="refined"] .app-focus-label {font-weight:700;letter-spacing:.14em}
html[data-palette="sand"][data-finish="refined"] .app-dot {box-shadow:0 0 0 3px #657d3416,inset 0 1px #fff5}
html[data-palette="sand"][data-finish="refined"] .app-step-track {padding:7px 8px;background:#7885571a;border:1px solid #aebc945c;border-radius:8px;box-shadow:inset 0 1px 3px #51683f29,0 1px #f6f2d780}
html[data-palette="sand"][data-finish="refined"] .app-step-track span {height:4px;box-shadow:inset 0 1px 2px #3f623023,0 1px #f6f1d650}
html[data-palette="sand"][data-finish="refined"] .app-progress-ring {box-shadow:0 0 0 7px #f4eddb,0 0 0 8px #b5a580,0 2px 0 9px #fffbecb3,0 9px 16px #796a4424}
html[data-palette="sand"][data-finish="refined"] .app-progress-ring::before {background:linear-gradient(145deg,#fffdf4,#efe5cc);box-shadow:inset 0 2px 5px #78694b26,0 1px #fffff8}
html[data-palette="sand"][data-finish="refined"] .app-progress-ring span {font-family:'Segoe UI',Arial,sans-serif;font-weight:500;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
html[data-palette="sand"][data-finish="refined"] .app-quick-icon {background:linear-gradient(145deg,#f3e3bf,#d7c39d);border:1px solid #c0a778;box-shadow:inset 0 1px #fff9,0 2px 0 #b4a27e50,0 4px 8px #7f69411c}
html[data-palette="sand"][data-finish="refined"] .app-quick-icon svg {stroke:#3b583a}
html[data-palette="sand"][data-finish="refined"] .app-overview {padding:26px 28px;gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);border-radius:22px}
html[data-palette="sand"][data-finish="refined"] .app-overview dl {gap:10px}
html[data-palette="sand"][data-finish="refined"] .app-overview dl>div {padding:14px 16px;background:linear-gradient(150deg,#f8f4dd4d,#91aa7733);border:1px solid #99ab7b70;border-radius:13px;box-shadow:inset 0 1px 4px #5166361f,0 1px #fff7}
html[data-palette="sand"][data-finish="refined"] .app-overview dd {font-family:'Segoe UI',Arial,sans-serif;font-size:36px;font-weight:500;letter-spacing:-.055em;line-height:1.3;font-variant-numeric:tabular-nums;margin-bottom:5px}
html[data-palette="sand"][data-finish="refined"] .app-overview dd small {letter-spacing:0}
html[data-palette="sand"][data-finish="refined"] .app-overview dt {font-size:12px;line-height:1.45}
html[data-palette="sand"][data-finish="refined"] .app-path-row {border-radius:20px;gap:18px;padding:22px;margin-bottom:18px}
html[data-palette="sand"][data-finish="refined"] .app-path-row[data-active="true"] {border-color:#d7ccac;box-shadow:inset 0 1px #fffdf6,inset 3px 0 #597c4b,0 2px 0 #a7b58a88,0 5px 8px #092d2433,0 18px 34px #0b2b253d}
html[data-palette="sand"][data-finish="refined"] .app-path-number {height:42px;width:42px;border:1px solid #bca277;border-radius:14px;background:linear-gradient(145deg,#f5e4bf,#d2b17f);color:#513e26;font:600 14px 'Segoe UI',Arial,sans-serif;letter-spacing:.02em;box-shadow:inset 0 1px #fff9,inset 0 -1px #af956c99,0 2px 0 #b19a7040,0 5px 9px #8c704229;text-shadow:0 1px #fff7}
html[data-palette="sand"][data-finish="refined"] .app-path-meter {height:5px;box-shadow:inset 0 1px 2px #334d2926,0 1px #fffcf5}
html[data-palette="sand"][data-finish="refined"] .app-path-meter::-webkit-progress-value {background:linear-gradient(90deg,#416c46,#77945a);box-shadow:inset 0 1px #bed29b99}
html[data-palette="sand"][data-finish="refined"] .app-path-stages {padding:5px;border-radius:15px;background:var(--finish-recess);border:1px solid #b8bca278;box-shadow:inset 0 2px 4px #5c654f20,0 1px #fffbef;gap:6px}
html[data-palette="sand"][data-finish="refined"] .app-path-stages button {border-color:#b8bba2;border-radius:10px;background:linear-gradient(145deg,#f6f2e2,#e6e5ce);box-shadow:inset 0 1px #fff9,0 2px 1px #6e785524;min-height:112px}
html[data-palette="sand"][data-finish="refined"] .app-path-stages button[aria-current="true"] {--app-ink:#fbf5e5;--app-muted:#ebefdc;--app-green:#dbebba;background:linear-gradient(145deg,#4d704b,#30523e);color:var(--app-ink);border-color:#8b9b70;box-shadow:inset 0 1px #d5dfb380,inset 0 -1px #244632,0 2px 2px #2b44394d,0 4px 7px #25433230}
html[data-palette="sand"][data-finish="refined"] .app-path-stages button[aria-current="true"] b {color:#fff7e5}
html[data-palette="sand"][data-finish="refined"] .app-path-stages button.is-complete:not([aria-current="true"]) {--app-muted:#4c5c45;background:linear-gradient(145deg,#d9e4c4,#c8d7b3);border-color:#7f9564}
html[data-palette="sand"][data-finish="refined"] .app-section-picker {border-radius:17px}
html[data-palette="sand"][data-finish="refined"] .tracker-focus-options label>span {background:linear-gradient(145deg,#fcf8e8,#eee8d6);box-shadow:inset 0 1px #fff9,0 2px 3px #6b684019}
html[data-palette="sand"][data-finish="refined"] .tracker-focus-options input:checked+span {--app-muted:#4c5c45;background:linear-gradient(145deg,#e6eccf,#d5e0bc);border-color:#6c8457;box-shadow:inset 0 0 0 1px #6c84574d,0 2px 4px #6b68401a}
html[data-palette="sand"][data-finish="refined"] .tracker-stage-strip button {background:var(--finish-surface);border-color:var(--finish-border);box-shadow:inset 0 1px #fff9,0 2px 0 #c3b99f99,0 6px 13px #103a2c26}
html[data-palette="sand"][data-finish="refined"] .tracker-stage-strip .is-current button {background:var(--studio-btn);color:#fff9e9;border-color:#afbd8a;box-shadow:inset 0 1px #dfe8b970,0 3px 0 #14382a,0 7px 16px #0a2e263b}
html[data-palette="sand"][data-finish="refined"] .tracker-action-card {border-radius:19px}
html[data-palette="sand"][data-finish="refined"] .tracker-action-card.is-complete {background:linear-gradient(140deg,#eef0d9,#dce7c9);border-color:#b6c292;border-left-color:#5c7b49}
html[data-palette="sand"][data-finish="refined"] .tracker-task-kind::before {color:#81613d}
html[data-palette="sand"][data-finish="refined"] :is(.btn-secondary,.tracker-task-toggle) {background:linear-gradient(145deg,#fff5df,#dfd1b3);border-color:#bbaa85;color:#304632;box-shadow:inset 0 1px #fff9,0 2px 0 #b2a483b3,0 5px 9px #5e5d4022}
html[data-palette="sand"][data-finish="refined"] .is-complete .tracker-task-toggle {background:var(--studio-btn);color:#fff9e9;border-color:#7b9264;box-shadow:inset 0 1px #d6e1b866,0 2px 0 #2a4835,0 5px 9px #24453424}
html[data-palette="sand"][data-finish="refined"] .btn-primary:not(.app-focus-card .btn):not(.tracker-install-card .btn),html[data-palette="sand"][data-finish="refined"] :is(.app-focus-card,.tracker-install-card) .btn {background:var(--studio-btn);border-color:#809763;color:#fff9e9;box-shadow:inset 0 1px #dfebc466,inset 0 -1px #143f27,0 3px 0 #193a29,0 8px 14px #203d302b}
html[data-palette="sand"][data-finish="refined"] .app-notebook {border-top:4px solid #ad8d5d;border-radius:20px}
html[data-palette="sand"][data-finish="refined"] .app-notebook textarea {background:repeating-linear-gradient(transparent,transparent calc(1.9em - 1px),#c9c6ad calc(1.9em - 1px),#c9c6ad 1.9em);color:#304334}
html[data-palette="sand"][data-finish="refined"] :is(select,input[type="time"]) {background:linear-gradient(#eae4d0,#f7f0df);border-color:#8b937a;box-shadow:inset 0 1px 3px #6d6a4c26,0 1px #fff9}
html[data-palette="sand"][data-finish="refined"] .app-welcome-note {border-top-color:#a8b49366;box-shadow:0 -1px #183e304d}
html[data-palette="sand"][data-finish="refined"] .app-dialog::backdrop {background:#09291ee6;backdrop-filter:blur(8px)}
html[data-palette="sand"][data-finish="refined"] .app-dialog-close {border:1px solid #b4b897;background:linear-gradient(#f1e7cb,#d8d8b9);box-shadow:inset 0 1px #fff9,0 2px 4px #40513326}
@media(hover:hover) and (pointer:fine) {
  html[data-palette="sand"][data-finish="refined"] .app-nav a:not([aria-current]):not(.app-nav-site):hover {background:#b6c99612;border-color:#c5d3a22e}
  html[data-palette="sand"][data-finish="refined"] :is(.app-path-stages button,.tracker-stage-strip button,.tracker-task-toggle,.btn,.app-icon-button):not(:disabled):hover {filter:brightness(1.035);transform:translateY(-1px)}
  html[data-palette="sand"][data-finish="refined"] .app-quick-links a:hover {border-color:#ddd3ab;box-shadow:inset 0 1px #fff,0 3px 0 #b9b08899,0 10px 22px #143b2d33}
}
html[data-palette="sand"][data-finish="refined"] :is(.app-path-stages button,.tracker-stage-strip button,.tracker-task-toggle,.btn,.app-icon-button):not(:disabled):active {transform:translateY(2px);box-shadow:inset 0 2px 4px #102c2626,0 1px 0 #7c8a6433;filter:brightness(.99)}
@media(min-width:1100px) {
  html[data-palette="sand"][data-finish="refined"] .app-nav {border-radius:26px;padding-top:26px}
  html[data-palette="sand"][data-finish="refined"] .app-nav-intro {padding-bottom:24px}
  html[data-palette="sand"][data-finish="refined"] .app-nav a[aria-current="page"]::after {content:'';width:5px;height:5px;border-radius:50%;background:#3d653c;box-shadow:0 0 0 3px #6e8a4d1c;margin-left:auto;flex-shrink:0}
}
@media(max-width:1099px) {
  html[data-palette="sand"][data-finish="refined"] .app-nav {border-radius:19px;padding:7px 4px;gap:3px;bottom:max(12px,env(safe-area-inset-bottom));background:linear-gradient(160deg,#244f3ef7,#163a2ef7);backdrop-filter:blur(16px)}
  html[data-palette="sand"][data-finish="refined"] .app-nav a {padding-inline:2px;border-radius:12px}
}
@media(max-width:700px) {
  html[data-palette="sand"][data-finish="refined"] .app-topbar {height:84px}
  html[data-palette="sand"][data-finish="refined"] .app-intro h1 {font-size:36px;line-height:1.14}
  html[data-palette="sand"][data-finish="refined"] .app-focus-card {padding:24px}
  html[data-palette="sand"][data-finish="refined"] .app-landscape {border-radius:32px 18px 18px 18px}
  html[data-palette="sand"][data-finish="refined"] .app-overview {padding:23px;gap:18px}
  html[data-palette="sand"][data-finish="refined"] .app-overview dl {gap:7px}
  html[data-palette="sand"][data-finish="refined"] .app-overview dl>div {padding:12px 9px;border:1px solid #99ab7b70}
  html[data-palette="sand"][data-finish="refined"] .app-overview dd {font-size:29px;white-space:normal}
  html[data-palette="sand"][data-finish="refined"] .app-overview dd small {font-size:10px;margin-left:4px}
  html[data-palette="sand"][data-finish="refined"] .app-overview dt {font-size:11px}
  html[data-palette="sand"][data-finish="refined"] .app-path-row {padding:18px;gap:14px 12px}
  html[data-palette="sand"][data-finish="refined"] .app-path-stages {padding:4px;gap:5px;border-radius:13px}
  html[data-palette="sand"][data-finish="refined"] .app-path-stages button {min-height:112px;padding:11px 7px 15px}
  html[data-palette="sand"][data-finish="refined"] .app-path-number {height:38px;width:38px}
}
@media(prefers-reduced-motion:no-preference) {
  html[data-palette="sand"][data-finish="refined"] :is(.app-path-stages button,.tracker-stage-strip button,.tracker-task-toggle,.btn,.app-icon-button,.app-quick-links a) {transition:box-shadow .16s,transform .16s,background .16s,border-color .16s}
}
@media(prefers-reduced-motion:reduce) {
  html[data-palette="sand"][data-finish="refined"] * {transition:none!important;animation:none!important}
  html[data-palette="sand"][data-finish="refined"] :is(button,a):hover,html[data-palette="sand"][data-finish="refined"] :is(button,a):active {transform:none!important}
}
/* Essential small labels retain contrast in the preserved alternate themes. */
html[data-companion-layout="r4"]:not([data-palette="sand"]) :is(.app-focus-card .eyebrow,.app-overview dd small,.app-settings-card.tracker-install-card .eyebrow){color:#e0ead7}