/* Optional screen-only depth layer. No chart geometry, type sizes, or spacing changes. */
:root{--depth-shadow:0 2px 0 #cbd5cb,0 5px 10px #203e2c12,0 12px 22px #203e2c09;--depth-light:inset 0 1px 0 #ffffffed,inset 1px 0 0 #ffffff8c}
body{background:radial-gradient(ellipse at 12% 0,#fffffb 0,transparent 48%),radial-gradient(ellipse at 94% 20%,#e4ebdf 0,transparent 48%),#f0f2eb}
.site-header{border-bottom-color:#c4d1c4;box-shadow:0 1px 0 #fff,0 5px 14px #233e2c12}
.overview-section .intro{background:linear-gradient(135deg,#245647 0%,#194738 54%,#12382d 100%);border-top-color:#4f7766;border-left-color:#426d5b;border-bottom-color:#0f3227;box-shadow:inset 0 1px 0 #ffffff26,inset 0 -2px 0 #09281f55,0 3px 0 #afbcac,0 8px 18px #173e2d20}
.intro h1{text-shadow:0 1px 1px #07271d66}
.surface,.comparison-card,.vol-card,.highs-panel,.source-card{border-top-color:#fdfefb;border-left-color:#f5f8f1;border-right-color:#cbd6c8;border-bottom-color:#bfcdbd;box-shadow:var(--depth-light),var(--depth-shadow);background-image:linear-gradient(165deg,#ffffff50,transparent 42%,#203e2c03)}
.overview-section .annual-panel{border-top-color:#fafcf3;border-left-color:#edf3e7;border-right-color:#c4d0bc;border-bottom-color:#b9c8af;box-shadow:var(--depth-light),var(--depth-shadow)}
.overview-section .annual-panel.cue-year{box-shadow:inset 0 3px var(--year-accent),inset 1px 0 0 #ffffff8c,var(--depth-shadow)}
.filter-panel,.vol-master{border-top-color:#f8fbf2;border-left-color:#edf4e5;border-bottom-color:#bfceba;box-shadow:var(--depth-light),0 2px 0 #d1dacb,0 5px 12px #203e2c0b}
/* Recess the plotting surface; data marks stay flat and retain their original colors. */
#month-bars,#trend-chart{background-color:#f8faf5;border-radius:9px;box-shadow:inset 0 2px 5px #23412e13,inset 0 -1px 0 #ffffff}
.month-group[aria-pressed="true"]{box-shadow:inset 0 1px 0 #ffffff,0 2px 0 #a5b99b,0 4px 7px #203e2c13}
.select-label select{box-shadow:inset 0 1px 0 #ffffffcc,0 1px 0 #c7d2c3,0 2px 4px #203e2c0c}
.select-label select.cue-month.cue-year{box-shadow:inset 0 -2px var(--year-accent),inset 0 1px 0 #ffffffcc,0 1px 0 #c7d2c3,0 2px 4px #203e2c0c}
.text-button,.swap-button,.chart-navigation button{background-image:linear-gradient(#ffffffaa,#ffffff00);border-bottom-color:#adbfac;box-shadow:inset 0 1px 0 #ffffff,0 2px 0 #ccd6c8,0 3px 6px #203e2c10}
#open-board,.print-button,.site-header nav a[aria-current="location"]{background-image:linear-gradient(#ffffff12,#082d2414);box-shadow:inset 0 1px 0 #ffffff30,0 2px 0 #0c3429,0 4px 8px #173e2d20}
.comparison-card .delta,.vol-comparison,.chart-inspection{box-shadow:inset 0 1px 2px #203e2c0b,inset 0 -1px 0 #ffffffc4}
.date-year-badge,.date-month-badge{box-shadow:inset 0 1px 0 #ffffff99}
.board-dialog,.copy-dialog{box-shadow:inset 0 1px 0 white,0 5px 0 #b9c7b8,0 25px 65px #153a3440}
@media(hover:hover) and (pointer:fine){
  .vol-card:hover{box-shadow:var(--depth-light),0 2px 0 #bdcdb7,0 7px 14px #203e2c16,0 15px 25px #203e2c0b}
  #open-board:hover,.print-button:hover{box-shadow:inset 0 1px 0 #ffffff40,0 2px 0 #0c3429,0 5px 11px #173e2d30}
}
.text-button:active,.swap-button:active,#open-board:active,.print-button:active,.chart-navigation button:active{box-shadow:inset 0 2px 4px #092b2526}
@media(prefers-reduced-motion:reduce){button,select,.vol-card{transition:none}}
@media(forced-colors:active){.surface,.comparison-card,.vol-card,.annual-panel,.filter-panel,.vol-master{border:1px solid CanvasText;box-shadow:none}}