/* Scope Styles to avoid WP theme conflicts */   .hmi-doc { --p:#0056b3; --bg:#f8f9fa; --txt:#212529; --muted:#6c757d; --card:#ffffff; --border:#e5e7eb; }   .hmi-doc { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; color: var(--txt); }   .hmi-doc .container { background: var(--card); border:1px solid var(--border); border-radius: 16px; padding: 28px; box-shadow: 0 6px 24px rgba(0,0,0,.06) }   .hmi-doc h1,h2,h3 { line-height:1.25; margin: 0 0 12px }   .hmi-doc h1 { font-size: 2rem; color: var(--p); letter-spacing:.2px }   .hmi-doc h2 { font-size: 1.35rem; color: var(--p); margin-top: 28px; padding-bottom: 6px; border-bottom: 3px solid rgba(0,86,179,.12) }   .hmi-doc h3 { font-size: 1.05rem; color: var(--txt); margin-top: 18px }   .hmi-doc p { margin: 0 0 12px; color: var(--txt) }   .hmi-doc .muted { color: var(--muted) }   .hmi-doc .section { margin: 18px 0 }   .hmi-doc .badge { display:inline-block; background: rgba(0,86,179,.08); color: var(--p); border:1px solid rgba(0,86,179,.2); padding: 4px 10px; border-radius:999px; font-size:.8rem; font-weight:600; margin: 6px 0 14px }   .hmi-doc .card { background: #fff; border:1px solid var(--border); border-radius: 12px; padding: 14px 16px; margin: 12px 0 }   .hmi-doc .stack > * + * { margin-top: 8px }   .hmi-doc .code { background:#0f172a; color:#e2e8f0; border-radius: 10px; padding: 12px 14px; overflow:auto; font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,"Courier New",monospace; font-size:.92rem }   .hmi-doc code.inline { background: #eef2ff; color:#1e3a8a; border:1px solid #c7d2fe; padding: 1px 6px; border-radius: 6px; font-size:.9em }   .hmi-doc .alert { border-left: 6px solid; border-radius: 10px; padding: 12px 14px; }   .hmi-doc .alert.tip { background:#e6f4ff; border-color:#1a73e8; color:#0842a0 }   .hmi-doc .alert.warn { background:#fff3f3; border-color:#dc2626; color:#7f1d1d }   .hmi-doc ul { margin: 8px 0 8px 18px; padding:0 }   .hmi-doc li { margin: 6px 0 }   .hmi-doc .grid { display:grid; gap:12px }   @media(min-width:720px){ .hmi-doc .grid.examples { grid-template-columns: repeat(2, minmax(0,1fr)); } }   @media(min-width:1024px){ .hmi-doc .grid.examples { grid-template-columns: repeat(3, minmax(0,1fr)); } }   .hmi-doc .footer { margin-top: 20px; font-size:.9rem; color: var(--muted) }   .hmi-doc a { color: var(--p); text-decoration: none; border-bottom: 1px dashed rgba(0,86,179,.4) }   .hmi-doc a:hover { text-decoration: underline }   .hmi-doc details { background:#f9fafb; border:1px solid var(--border); border-radius:10px; padding:10px 12px; }   .hmi-doc details summary { cursor:pointer; font-weight:600; color: var(--p) } #sp-ks8a8s{width: 100%; max-width: 100%; padding: 10px;}#sp-exs41k{width: calc(100% + 0px);}#sp-ir5rjg{margin: 0px;}