/* Retail Intel coded previews - scoped .nw-preview (shared preview infrastructure).
   Self-hosted Hanken Grotesk + IBM Plex Mono. Icons via the icon() helper. */
@font-face{font-family:'Hanken Grotesk';src:url('/assets/fonts/HankenGrotesk-VariableFont.woff2') format('woff2-variations');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/assets/fonts/IBMPlexMono-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/assets/fonts/IBMPlexMono-Medium.woff2') format('woff2');font-weight:500 600;font-style:normal;font-display:swap}

/* frame + fit (same mechanism as Northwind; nw-fit.js drives --nw-scale) */
.nw-preview{display:block;width:100%;background:transparent}
.nw-fit{position:relative;width:100%;overflow:hidden}
.nw-canvas{position:absolute;top:0;left:0;transform-origin:0 0;transform:scale(var(--nw-scale,1))}

/* the artboards default to dark ink on light surfaces - block host inheritance */
.nw-preview .nw-canvas{color:#000;font-family:'Hanken Grotesk',system-ui,sans-serif;letter-spacing:normal}
.nw-preview .nwi{display:inline-flex;flex:none;align-items:center;justify-content:center;vertical-align:middle}
.nw-preview .nwi svg{width:100%;height:100%;display:block}

/* isolate from host global.css element selectors (header{position:fixed} etc) */
.nw-preview header,.nw-preview footer,.nw-preview nav,.nw-preview aside,.nw-preview main,.nw-preview section,.nw-preview article{position:static;inset:auto;z-index:auto;width:auto;max-width:none;padding:0;margin:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;box-shadow:none;transform:none;transition:none}
.nw-preview header::before,.nw-preview header::after{content:none}
.nw-preview input,.nw-preview select,.nw-preview textarea{font:inherit;color:inherit;background:none;border:0;box-shadow:none;outline:none;-webkit-appearance:none;appearance:none}
.nw-preview img{max-width:none}
.nw-preview h1,.nw-preview h2,.nw-preview h3,.nw-preview p{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;max-width:none}
.nw-preview button{font-family:inherit}
@media (prefers-reduced-motion:reduce){.nw-preview *{transition:none!important;animation:none!important}}