/* Surfaces and spacing separate content; keyboard focus is never removed. */
html body :where(header,footer,nav,section,article,aside,fieldset,table,thead,tbody,tr,th,td,div,details,summary,textarea,select,button,a,input:not([type=checkbox]):not([type=radio]):not([type=range])){border-color:transparent!important}
html body hr{display:none}
html body .node-port{background:var(--accent);color:var(--paper)}
html body :where(.card,.p-cards>article,.p-audience>article,.p-art,.p-calculator,.r-value-example,.checkout-step,.checkout-summary,.account-popover,.admin-strip){box-shadow:none}
/* All workspace pages and dialogs inherit this, including newly inserted fields.
   Auth/public pages retain their own more specific field palette. */
body.studio{--field:var(--hover);--field-placeholder:var(--soft)}
html body :where(input,textarea,select):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]):not([type=hidden]):not([type=image]){background-color:var(--field,var(--surface,var(--hover,var(--paper,Canvas))));color:var(--ink,CanvasText);caret-color:var(--ink,CanvasText)}
html body :is(input,textarea)::placeholder{color:var(--field-placeholder,var(--muted,GrayText));opacity:1}
html body select option,html body select optgroup{background-color:var(--card,var(--surface,Canvas));color:var(--ink,CanvasText)}
html body .form-picker{background-color:var(--card,var(--surface,Canvas));color:var(--ink,CanvasText)}
html body :is(input,textarea):autofill{box-shadow:inset 0 0 0 1000px var(--field,var(--surface,var(--hover,Canvas)));-webkit-text-fill-color:var(--ink,CanvasText);caret-color:var(--ink,CanvasText)}
html body :is(input,textarea):-webkit-autofill{box-shadow:inset 0 0 0 1000px var(--field,var(--surface,var(--hover,Canvas)));-webkit-text-fill-color:var(--ink,CanvasText);caret-color:var(--ink,CanvasText)}
html body :where(button,a,input,textarea,select,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid var(--accent,#b62c50);outline-offset:3px}
html body :where(h1,h2,main)[tabindex="-1"]:focus{outline:none}
.p-page-heading{display:flex;align-items:center;gap:12px;margin:0 0 20px}
.p-page-heading .p-eyebrow{margin:0!important}
.p-page-heading .navigation-back{background:var(--surface,#eee8eb);color:var(--ink);width:40px;height:40px;flex-basis:40px}
.auth-shell .auth-remember{margin:4px 0 18px}
.s-art svg{overflow:visible;filter:drop-shadow(0 12px 9px #29131f22);transform:rotate(-7deg);transform-origin:center}
.s-art{perspective:600px}
@media(forced-colors:active){html body :where(button,input,select,textarea,fieldset){border:1px solid ButtonText!important}}
@media(forced-colors:active){html body :is(input,textarea):autofill{box-shadow:none;-webkit-text-fill-color:CanvasText}html body :is(input,textarea):-webkit-autofill{box-shadow:none;-webkit-text-fill-color:CanvasText}}
/* Keep scrollbar tracks and thumbs, remove the native arrow buttons. */
::-webkit-scrollbar-button{display:none;width:0;height:0}