/* Explicit surfaces for the order studio; shared guard handles dynamic pages. */
body:has(.page-shell) #planner .planner-heading{background:#fff!important;background-image:none!important;color:#242b34!important}
body:has(.page-shell) #planner .planner-heading :is(h2,p,.eyebrow){color:#303944!important;-webkit-text-fill-color:#303944!important}
body:has(.page-shell) #planner :is(.step-dot.active,.catalog-tab.active){background:#343c47!important;color:#fff!important}
body:has(.page-shell) #planner :is(.step-dot.active,.catalog-tab.active)>:not(b):not(span:first-child){color:#fff!important;-webkit-text-fill-color:#fff!important}
input::placeholder,textarea::placeholder{opacity:1}
[data-readable-text=true]::placeholder{color:inherit!important;opacity:.8}