/* nexpoint platform · v1100
   One shared shell, control system and workspace layout. */
:root {
  --nxp-font:Arial,Helvetica,ui-sans-serif,system-ui,sans-serif;
  --nxp-bg:#f5f6f7; --nxp-bg-soft:#eef0f2;
  --nxp-surface:#fff; --nxp-surface-soft:#f5f6f8;
  --nxp-text:#20242c; --nxp-text-soft:#505968; --nxp-muted:#667080;
  --nxp-border:#e0e4e9; --nxp-border-strong:#b9c1cc;
  --nxp-primary:#20242c; --nxp-primary-2:#d0d953; --nxp-lime:#d0d953;
  --nxp-primary-soft:#f0f2d8; --nxp-primary-soft-strong:#e7ebb9;
  --nxp-radius:14px; --nxp-radius-lg:14px; --nxp-header-height:68px;
  --nxp-shadow-sm:0 1px 3px #20242c08; --nxp-shadow-md:0 12px 36px #20242c12;
  --np-canvas:var(--nxp-surface); --np-paper:var(--nxp-surface-soft);
  --np-line:var(--nxp-border); --np-line-strong:var(--nxp-border-strong);
  --np-ink:var(--nxp-text); --np-muted:var(--nxp-muted); --np-lime:var(--nxp-lime); --np-purple:#bab0d7;
}
html[data-theme="dark"] {
  --nxp-bg:#13161b; --nxp-bg-soft:#1d2128; --nxp-surface:#191d24; --nxp-surface-soft:#222730;
  --nxp-text:#f0f2f6; --nxp-text-soft:#c0c7d3; --nxp-muted:#abb4c3;
  --nxp-border:#343c48; --nxp-border-strong:#627087; --nxp-primary:#f0f2f6;
  --nxp-primary-soft:#2d3223; --nxp-primary-soft-strong:#3d4428;
}
.nxp-platform { font-family:var(--nxp-font); background:var(--nxp-bg); color:var(--nxp-text); line-height:1.5; }
.nxp-platform *, .nxp-platform *::before, .nxp-platform *::after { box-sizing:border-box; }
.nxp-platform [hidden] { display:none !important; }
.nxp-platform :is(a,button,summary,input,select,textarea):focus-visible { outline:2px solid var(--nxp-text); outline-offset:3px; }
.nxp-platform :is(button,input,select,textarea) { font-family:inherit; }
.nxp-platform :is(button,a) { -webkit-tap-highlight-color:transparent; }
.nxp-platform .nxp-container { width:min(1120px,calc(100% - 48px)); }
.nxp-platform .nxp-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px;
  padding:10px 16px; border:1px solid var(--nxp-border) !important; border-radius:8px !important;
  background:var(--nxp-surface) !important; color:var(--nxp-text) !important;
  font-size:.875rem; font-weight:600 !important; line-height:1.35; text-decoration:none;
  box-shadow:none; transform:none; cursor:pointer; white-space:normal; max-width:100%;
}
.nxp-platform .nxp-btn:hover { background:var(--nxp-surface-soft) !important; transform:none; box-shadow:none; }
.nxp-platform .nxp-btn-primary { background:var(--nxp-lime) !important; border-color:var(--nxp-lime) !important; color:#202400 !important; }
.nxp-platform .nxp-btn-primary:hover { background:#c3cc47 !important; border-color:#c3cc47 !important; }
.nxp-platform .nxp-btn:disabled { opacity:.5; cursor:not-allowed; transform:none; }
.nxp-platform .nxp-btn-small { min-height:38px; padding:8px 12px; font-size:.8125rem; }
.nxp-platform .nxp-btn-ghost { background:transparent !important; border-color:transparent !important; }
.nxp-platform .nxp-btn svg { width:18px; height:18px; flex-shrink:0; }
.nxp-platform .nxp-badge { font-size:.6875rem; font-weight:500; border:1px solid var(--nxp-border); border-radius:6px; letter-spacing:0; background:var(--nxp-surface-soft); color:var(--nxp-text-soft); }
.nxp-platform .nxp-badge-primary { background:var(--nxp-primary-soft); color:var(--nxp-text); border-color:var(--nxp-border); }
.nxp-platform .nxp-sr-only,.nxp-platform .sr-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
/* Shared navigation */
.nxp-skip-link { position:fixed; top:8px; left:16px; z-index:99999; transform:translateY(-180%); padding:12px 18px; background:var(--nxp-lime); color:#111; border-radius:8px; }
.nxp-skip-link:focus { transform:none; }
.nxp-platform .nxp-header { position:sticky; top:0; height:68px; min-height:68px; z-index:1000; border-bottom:1px solid var(--nxp-border); background:var(--nxp-surface); backdrop-filter:none; box-shadow:none; }
.nxp-platform .nxp-nav { display:flex; justify-content:space-between; align-items:center; gap:16px; height:100%; padding:0; }
.nxp-platform .nxp-brand { display:flex; gap:9px; align-items:center; text-decoration:none; flex-shrink:0; }
.nxp-platform .nxp-brand-mark { width:34px; height:30px; border:0; border-radius:0; background:transparent; padding:0; box-shadow:none; }
.nxp-platform .nxp-brand-mark img { width:100%; height:100%; object-fit:contain; }
html[data-theme="dark"] .nxp-platform .nxp-brand-mark img { filter:invert(1); }
.nxp-platform .nxp-brand-copy { display:grid; gap:2px; }
.nxp-platform .nxp-brand-copy strong { font-size:1.1875rem; line-height:1; font-weight:700; letter-spacing:-.035em; }
.nxp-platform .nxp-brand-copy small { display:block; font-size:.625rem; color:var(--nxp-muted); line-height:1.2; letter-spacing:0; }
.nxp-platform .nxp-nav-actions { display:flex; align-items:center; gap:6px; margin:0; }
.nxp-platform .nxp-nav-actions > .nxp-access-nav { padding:10px 12px; min-height:44px; color:var(--nxp-text-soft); font-size:.8125rem; font-weight:500; text-decoration:none; }
.nxp-platform .nxp-nav-actions > .nxp-access-nav:hover { color:var(--nxp-text); text-decoration:underline; }
.nxp-platform .nxp-header-control { display:grid; place-items:center; min-width:44px; min-height:44px; width:44px; padding:8px; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--nxp-text); font:inherit; font-size:1rem; cursor:pointer; }
.nxp-platform .nxp-header-control:hover { background:var(--nxp-surface-soft); }
.nxp-platform .nxp-menu-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:9px 14px; border:1px solid var(--nxp-border); border-radius:8px; background:var(--nxp-surface); color:var(--nxp-text); font-size:.8125rem; font-weight:600; cursor:pointer; }
.nxp-menu-button svg { width:20px; height:20px; }
.nxp-platform .nxp-menu-button:hover { background:var(--nxp-surface-soft); }
.nxp-platform .nxp-view-panel { padding:18px; border-radius:12px; box-shadow:var(--nxp-shadow-md); }
.nxp-platform .nxp-view-panel-head strong { font-size:1rem; }
.nxp-platform .nxp-choice-row button { font-weight:500; }
.nxp-platform.nxp-tool-drawer-open { overflow:hidden; }
.nxp-platform .nxp-tool-drawer { position:fixed; inset:0; z-index:2000; display:block; visibility:visible; opacity:1; pointer-events:auto; }
.nxp-platform .nxp-tool-drawer-backdrop { position:absolute; inset:0; background:#10162180; cursor:pointer; }
.nxp-platform .nxp-tool-drawer-panel { position:absolute; inset:0 0 0 auto; width:min(440px,100%); max-width:100%; height:100%; height:100dvh; display:flex; flex-direction:column; padding:0; border:0; border-left:1px solid var(--nxp-border); background:var(--nxp-surface); color:var(--nxp-text); box-shadow:-12px 0 60px #10162116; transform:none; overflow:hidden; }
.nxp-platform .nxp-tool-drawer-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:22px 24px 16px; border:0; flex-shrink:0; }
.nxp-menu-kicker { display:block; font-size:.6875rem; color:var(--nxp-muted); margin-bottom:4px; }
.nxp-platform .nxp-tool-drawer-head h2 { margin:0; font-size:1.375rem; line-height:1.25; letter-spacing:-.025em; }
.nxp-platform .nxp-tool-drawer-head button { font-size:1.625rem; }
.nxp-platform .nxp-tool-search { display:block; position:relative; margin:0; padding:0 24px 18px; flex-shrink:0; }
.nxp-platform .nxp-tool-search input { width:100%; height:44px; min-height:44px; padding:10px 13px; border:1px solid var(--nxp-border-strong); border-radius:8px !important; background:var(--nxp-surface); color:var(--nxp-text); font-size:.875rem; }
.nxp-platform .nxp-tool-drawer-content { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:0 14px 18px; scrollbar-width:thin; }
.nxp-platform .nxp-tool-drawer-group { padding:0; margin:0 0 20px; }
.nxp-platform .nxp-tool-drawer-group:last-of-type { margin-bottom:0; }
.nxp-platform .nxp-tool-drawer-group h3 { font-size:.6875rem; font-weight:600; color:var(--nxp-muted); margin:0; padding:6px 12px; line-height:1.4; letter-spacing:.025em; }
.nxp-platform .nxp-tool-drawer-list { display:grid; gap:3px; }
.nxp-platform .nxp-tool-drawer-link { display:flex; align-items:center; gap:12px; min-height:58px; padding:10px 12px; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--nxp-text); text-decoration:none; box-shadow:none; }
.nxp-platform .nxp-tool-drawer-link:hover { background:var(--nxp-surface-soft); }
.nxp-platform .nxp-tool-drawer-link[aria-current="page"] { background:var(--nxp-primary-soft); border-color:var(--nxp-border); }
.nxp-platform .nxp-tool-dot { display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; border:0; border-radius:0; background:transparent; color:var(--nxp-text-soft); }
.nxp-tool-dot svg { width:22px; height:22px; }
.nxp-menu-tool-copy { min-width:0; flex:1; }
.nxp-platform .nxp-tool-drawer-link strong { display:block; font-size:.8125rem; font-weight:600; line-height:1.35; overflow-wrap:anywhere; }
.nxp-platform .nxp-tool-drawer-link small { display:block; margin-top:3px; color:var(--nxp-muted); font-size:.6875rem; line-height:1.35; }
.nxp-menu-access { font-size:.625rem; color:var(--nxp-muted); white-space:nowrap; }
.nxp-platform .nxp-tool-empty { padding:20px 12px; color:var(--nxp-muted); font-size:.875rem; }
.nxp-platform .nxp-tool-drawer-foot { display:grid; grid-template-columns:1fr 1fr; gap:2px 12px; padding:14px 24px max(14px,env(safe-area-inset-bottom)); border-top:1px solid var(--nxp-border); background:var(--nxp-surface); flex-shrink:0; }
.nxp-tool-drawer-foot a { display:flex; align-items:center; justify-content:space-between; gap:6px; min-height:40px; padding:6px 0; text-decoration:none; font-size:.75rem; color:var(--nxp-text-soft); }
.nxp-tool-drawer-foot a:hover { color:var(--nxp-text); text-decoration:underline; }
.nxp-platform .nxp-footer { padding:24px 0; margin-top:16px; border-top:1px solid var(--nxp-border); background:var(--nxp-surface); color:var(--nxp-muted); }
.nxp-platform .nxp-footer-shell { display:flex; justify-content:space-between; align-items:center; gap:18px; }
.nxp-footer-identity { display:flex; align-items:baseline; gap:8px; font-size:.6875rem; }
.nxp-platform .nxp-footer-identity strong { color:var(--nxp-text); font-size:.875rem; }
.nxp-footer-identity small { font-size:inherit; margin-left:8px; }
.nxp-footer-links { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.nxp-platform .nxp-footer-links a,.nxp-footer-links button { color:var(--nxp-muted); text-decoration:none; font-size:.6875rem; padding:8px 0; border:0; background:transparent; cursor:pointer; }
.nxp-platform .nxp-footer-links :is(a,button):hover { color:var(--nxp-text); text-decoration:underline; }
/* Home catalog */
.nxp-home-shell { width:min(1120px,calc(100% - 48px)); margin:0 auto; padding:44px 0 32px; }
.nxp-home-heading { padding:0 0 28px; }
.nxp-home-kicker { display:inline-block; color:var(--nxp-muted); font-size:.75rem; margin-bottom:10px; }
.nxp-home-heading h1 { font-size:clamp(1.75rem,3vw,2.25rem); font-weight:700; letter-spacing:-.04em; line-height:1.2; margin:0; }
.nxp-home-heading p { font-size:.9375rem; color:var(--nxp-muted); margin:9px 0 0; }
.nxp-catalog { scroll-margin-top:92px; }
.nxp-catalog-toolbar { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:16px; }
.nxp-catalog-search { position:relative; display:flex; align-items:center; width:min(520px,100%); }
.nxp-catalog-search > svg { position:absolute; left:15px; width:19px; height:19px; color:var(--nxp-muted); pointer-events:none; }
.nxp-catalog-search input { width:100%; min-height:48px; border:1px solid var(--nxp-border-strong); border-radius:9px !important; background:var(--nxp-surface); color:var(--nxp-text); padding:12px 48px 12px 44px; font:inherit; font-size:.875rem; }
.nxp-catalog-search input::-webkit-search-cancel-button { display:none; }
.nxp-catalog-search button { position:absolute; right:4px; display:grid; place-items:center; width:40px; min-height:40px; border:0; background:transparent; border-radius:7px; color:var(--nxp-text-soft); font-size:1.25rem; cursor:pointer; }
.nxp-catalog-count { color:var(--nxp-muted); font-size:.75rem; white-space:nowrap; }
.nxp-catalog-filters { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:20px; }
.nxp-catalog-filters button { padding:8px 14px; min-height:40px; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--nxp-text-soft); font-size:.8125rem; font-weight:500; cursor:pointer; }
.nxp-catalog-filters button:hover { background:var(--nxp-surface); }
.nxp-catalog-filters button.is-active { background:var(--nxp-text); color:var(--nxp-surface); }
.nxp-catalog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; align-items:stretch; }
.nxp-catalog-card { display:flex; flex-direction:column; min-width:0; padding:20px; border:1px solid var(--nxp-border); border-radius:12px; background:var(--nxp-surface); text-decoration:none; color:var(--nxp-text); box-shadow:var(--nxp-shadow-sm); transition:border-color .15s,box-shadow .15s; }
.nxp-catalog-card:hover { border-color:var(--nxp-border-strong); box-shadow:0 4px 16px #20242c0c; }
.nxp-catalog-card-top { display:flex; align-items:center; gap:10px; margin-bottom:18px; }
.nxp-catalog-icon { display:grid; place-items:center; width:38px; height:38px; border:1px solid var(--nxp-border); border-radius:9px; background:var(--nxp-surface-soft); }
.nxp-catalog-icon svg { width:21px; height:21px; }
.nxp-catalog-arrow { margin-left:auto; font-size:1rem; color:var(--nxp-muted); }
.nxp-catalog-access { font-size:.625rem; border:1px solid var(--nxp-border); padding:4px 7px; border-radius:5px; color:var(--nxp-muted); }
.nxp-catalog-card h2 { font-size:1rem; font-weight:600; line-height:1.4; letter-spacing:-.02em; margin:0; }
.nxp-catalog-card p { color:var(--nxp-muted); font-size:.8125rem; line-height:1.5; margin:6px 0 18px; }
.nxp-catalog-group { margin-top:auto; font-size:.6875rem; color:var(--nxp-muted); }
.nxp-catalog-empty { padding:40px 20px; border:1px dashed var(--nxp-border-strong); border-radius:12px; text-align:center; }
.nxp-catalog-empty h2 { font-size:1.125rem; margin:0; }
.nxp-catalog-empty p { color:var(--nxp-muted); font-size:.875rem; }
.nxp-home-help { display:grid; grid-template-columns:1fr 2fr; gap:30px; padding:32px 0; margin-top:28px; border-top:1px solid var(--nxp-border); scroll-margin-top:90px; }
.nxp-home-help h2,.nxp-home-support h2 { font-size:1.125rem; line-height:1.35; letter-spacing:-.02em; margin:0; }
.nxp-home-help > div > p,.nxp-home-support p { font-size:.8125rem; color:var(--nxp-muted); margin:6px 0 0; }
.nxp-home-questions details { border-bottom:1px solid var(--nxp-border); padding:12px 0; }
.nxp-home-questions details:first-child { padding-top:0; }
.nxp-home-questions summary { font-size:.875rem; font-weight:600; cursor:pointer; padding:4px 0; }
.nxp-home-questions :is(p,a) { font-size:.8125rem; color:var(--nxp-text-soft); line-height:1.6; }
.nxp-home-support { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 24px; border:1px solid var(--nxp-border); border-radius:12px; background:var(--nxp-surface); scroll-margin-top:90px; }
/* Every tool: one compact heading, one workspace, optional help */
.nxp-app { font-size:.9375rem; min-height:65vh; }
.nxp-app-shell { width:min(1120px,calc(100% - 48px)); margin:0 auto; padding:24px 0 32px; }
.nxp-app-header { padding-bottom:24px; scroll-margin-top:90px; }
.nxp-app-back { display:inline-flex; align-items:center; gap:7px; color:var(--nxp-muted); text-decoration:none; font-size:.75rem; margin-bottom:12px; }
.nxp-app-back:hover { text-decoration:underline; }
.nxp-app-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.nxp-app h1 { font-size:1.75rem; font-weight:700; letter-spacing:-.035em; line-height:1.2; margin:0; }
.nxp-app-heading p { color:var(--nxp-muted); margin:5px 0 0; font-size:.875rem; }
.nxp-app-category { border:1px solid var(--nxp-border); border-radius:6px; padding:5px 10px; font-size:.75rem; color:var(--nxp-muted); white-space:nowrap; }
.nxp-app .nxp-container { width:100% !important; max-width:none; margin:0; padding:0; }
.nxp-app :is(.nxp-section,.nxp-section-tight) { padding:0; margin:0 0 24px; scroll-margin-top:90px; }
.nxp-app :is(h2,.nxp-title-sm) { margin:0 0 16px; font-size:1.125rem !important; font-weight:700; letter-spacing:-.025em; line-height:1.35; }
.nxp-app h3 { font-size:.9375rem; font-weight:600; letter-spacing:0; line-height:1.4; }
.nxp-app p { line-height:1.5; overflow-wrap:anywhere; }
.nxp-app :is(.password-builder,.qr-builder,.image-builder,.phishing-workspace,.m365-app) { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); align-items:start; gap:20px; }
.nxp-app :is(.nxp-work-panel,.nxp-panel) { min-width:0; border:1px solid var(--nxp-border) !important; border-radius:14px !important; background:var(--nxp-surface) !important; padding:22px !important; box-shadow:none; }
.nxp-app :is(.password-output-panel,.qr-preview-panel,.m365-result-panel) { position:sticky; top:88px; }
.nxp-app .nxp-panel-heading { margin:0 0 20px; }
.nxp-app .nxp-panel-heading h2 { margin:0; }
.nxp-app .nxp-panel-heading p { font-size:.8125rem; color:var(--nxp-muted); margin:6px 0 0; }
.nxp-app :is(.password-section-head-row,.qr-section-head-row,.phishing-result-head,.section-head-row) { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:20px; }
.nxp-app .section-head-row h2 { margin:0; }
.nxp-app :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]) {
  width:100%; min-width:0; min-height:44px; padding:10px 12px; border:1px solid var(--nxp-border-strong) !important;
  border-radius:8px !important; background:var(--nxp-surface) !important; color:var(--nxp-text) !important;
  font-size:.875rem; font-weight:400; line-height:1.4; box-shadow:none;
}
.nxp-app :is(input,textarea)::placeholder { color:var(--nxp-muted); opacity:1; }
.nxp-app textarea { resize:vertical; }
.nxp-app :is(input,select,textarea):focus { border-color:var(--nxp-text) !important; box-shadow:none; }
.nxp-app :is(input[type="checkbox"],input[type="radio"]) { accent-color:var(--nxp-primary); flex-shrink:0; width:16px; height:16px; min-height:0; }
.nxp-app input[type="range"] { width:100%; accent-color:var(--nxp-primary); min-height:24px; }
.nxp-app input[type="color"] { min-height:44px; width:100%; border:1px solid var(--nxp-border); background:var(--nxp-surface); }
.nxp-app form label { font-weight:500; color:var(--nxp-text-soft); font-size:.8125rem; }
.nxp-app :is(.password-field-grid,.qr-field-grid,.m365-field-grid,.phishing-field-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.nxp-app :is(.password-field-grid,.qr-field-grid,.m365-field-grid,.phishing-field-grid) > label { display:grid; align-content:start; gap:6px; min-width:0; }
.nxp-app :is(.qr-field-grid-one,.password-field-grid-one) { grid-template-columns:1fr; }
.nxp-app fieldset { min-width:0; }
.nxp-app :is(#passwordForm,#qrForm) { gap:18px; }
.nxp-app :is(#passwordForm,#qrForm) fieldset { padding-bottom:18px; border-color:var(--nxp-border); }
.nxp-app :is(#passwordForm,#qrForm) legend { font-size:.8125rem; font-weight:600; color:var(--nxp-text); margin-bottom:12px; }
.nxp-app :is(.password-mode-tab,.qr-mode-card) { padding:12px 12px 12px 36px; border-radius:8px; background:var(--nxp-surface); border-color:var(--nxp-border); box-shadow:none; }
.nxp-app :is(.password-mode-tab,.qr-mode-card) input { left:12px; top:14px; }
.nxp-app :is(.password-mode-tab,.qr-mode-card) span { font-weight:600; font-size:.8125rem; line-height:1.4; }
.nxp-app :is(.password-mode-tab,.qr-mode-card) small { font-weight:400; font-size:.6875rem; line-height:1.4; color:var(--nxp-muted); }
.nxp-app :is(.password-mode-tab,.qr-mode-card).is-active { background:var(--nxp-primary-soft); border-color:var(--nxp-border-strong); box-shadow:none; }
.nxp-app :is(.password-mode-tab,.qr-mode-card):focus-within { outline:2px solid var(--nxp-text); outline-offset:2px; }
.nxp-app .password-check-grid { gap:8px; }
.nxp-app .password-check-grid label { border:0; border-radius:0; background:transparent; padding:4px 0; min-height:32px; font-size:.8125rem; font-weight:400; }
.nxp-app .password-check-grid-compact { grid-template-columns:repeat(2,minmax(0,1fr)); }
.nxp-app .password-range-row strong { font-size:.8125rem; font-weight:600; }
.nxp-app :is(.password-more,.qr-advanced,.phishing-details,.slop-extra,.m365-optional,.m365-prices) { margin-top:14px; border:0; border-top:1px solid var(--nxp-border); border-radius:0; padding:12px 0 0; background:transparent; }
.nxp-app summary { cursor:pointer; font-weight:500; font-size:.8125rem; line-height:1.5; color:var(--nxp-text); padding:4px 0; }
.nxp-app details[open] > summary { margin-bottom:12px; }
.nxp-app .nxp-extra-actions { width:100%; border:0; padding:0; margin:12px 0 0; }
.nxp-extra-actions > .nxp-btn,.nxp-extra-actions > button { margin:4px 8px 0 0; }
.nxp-app .link-button { background:transparent; border:0; color:var(--nxp-text-soft); font-size:.8125rem; text-decoration:underline; cursor:pointer; padding:6px 0; }
.nxp-app-help { padding:16px 0; margin:12px 0 24px; border-top:1px solid var(--nxp-border); border-bottom:1px solid var(--nxp-border); }
.nxp-app-help > summary { font-weight:600; }
.nxp-app :is(.password-info-grid,.qr-info-grid,.m365-plan-grid,.phishing-advice-grid) { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.nxp-app :is(.nxp-card,.m365-plan-card) { border:0; border-radius:0; background:transparent; padding:0; box-shadow:none; }
.nxp-app :is(.nxp-card,.m365-plan-card) h3 { margin:0 0 6px; }
.nxp-app :is(.nxp-card,.m365-plan-card) p { font-size:.8125rem; color:var(--nxp-muted); margin:0; }
.nxp-app-support { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; border-top:1px solid var(--nxp-border); padding-top:18px; margin-top:8px; color:var(--nxp-muted); font-size:.75rem; }
.nxp-app-support a { color:var(--nxp-text-soft); text-decoration:none; }
.nxp-app-support a:hover { text-decoration:underline; }
/* Outputs keep readable text, including long URLs and passwords */
.nxp-app :is(pre,code,output,.empty-state) { max-width:100%; overflow-wrap:anywhere; word-break:break-word; }
.nxp-app pre { white-space:pre-wrap; }
.nxp-app .password-result-box { padding:16px; border-radius:10px; background:var(--nxp-surface-soft); border-color:var(--nxp-border); }
.nxp-app .password-output { font-size:1.1875rem; line-height:1.6; color:var(--nxp-text); letter-spacing:.03em; }
.nxp-app .password-strength { margin-top:18px; padding:0; border:0; background:transparent; }
.nxp-app .password-strength-top strong { font-size:.8125rem; }
.nxp-app .password-strength p { color:var(--nxp-muted); font-size:.75rem; }
.nxp-app .password-list-head h3 { margin:0; font-size:.875rem; }
.nxp-app .qr-preview-wrap { min-height:280px; padding:20px; border:1px solid var(--nxp-border); border-radius:10px; background:#fff; color:#4d5562; }
.nxp-app .qr-preview-wrap svg,.nxp-app .qr-preview-wrap canvas { max-width:100%; height:auto; }
.nxp-app .qr-preview-actions { gap:8px; margin-top:16px; }
.nxp-app :is(.qr-payload-details,.qr-logo-box) { border-color:var(--nxp-border); border-radius:8px; padding:12px; background:var(--nxp-surface-soft); }
.nxp-app .qr-logo-box strong { font-size:.8125rem; }
.nxp-app .qr-logo-box p { margin:3px 0 0; font-size:.75rem; color:var(--nxp-muted); }
.nxp-app :is(.qr-scan-hint,.image-note,.image-footer-note,.image-summary,.m365-note) { font-size:.75rem; font-weight:400; color:var(--nxp-muted); }
.nxp-app .image-drop { padding:26px 14px; border:1px dashed var(--nxp-border-strong); background:var(--nxp-surface-soft); border-radius:10px; }
.nxp-app .image-drop strong { font-size:.875rem; font-weight:600; }
.nxp-app .image-drop.is-dragover { border-color:var(--nxp-primary); background:var(--nxp-primary-soft); }
.nxp-app .image-empty { min-height:230px; }
.nxp-app .image-options { margin:18px 0; gap:12px; }
.nxp-app .image-options label { font-weight:500; }
/* Checks use the same input strip and result hierarchy */
.nxp-app .quick-form { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:8px 12px; margin-top:0; }
.nxp-app .quick-form > .nxp-input-label { grid-column:1/-1; position:static; height:auto; width:auto; clip:auto; margin:0; }
.nxp-app #dnsForm > input { grid-column:1/-1; }
.nxp-provider-choice { display:grid; gap:6px; }
.nxp-app .mini-actions { margin-top:12px; display:flex; align-items:start; gap:12px; flex-wrap:wrap; }
.nxp-app .mini-actions > span { order:-1; width:100%; font-size:.75rem; color:var(--nxp-muted); }
.nxp-app .mini-actions .nxp-extra-actions { margin:0; }
.nxp-app .tool-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:20px; align-items:start; }
.nxp-app #ergebnis { display:none; }
.nxp-result-visible .nxp-app #ergebnis { display:block; }
.nxp-app .score-card { display:grid; grid-template-columns:76px minmax(0,1fr); gap:16px; padding:18px; margin:0 0 18px; border:1px solid var(--nxp-border); border-radius:10px; background:var(--nxp-surface-soft); }
.nxp-app .score-number { font-size:2rem; font-weight:600; }
.nxp-app .score-card strong { font-size:.9375rem; line-height:1.4; }
.nxp-app .score-card p { font-size:.8125rem; color:var(--nxp-muted); margin:6px 0 0; }
.nxp-app .side-panel h2 { font-size:1rem !important; }
.nxp-app .result-grid { gap:10px; }
.nxp-app .result-item { border:1px solid var(--nxp-border); border-radius:9px; padding:14px; background:var(--nxp-surface); }
.nxp-app .result-item h3 { font-size:.875rem; margin:0 0 5px; }
.nxp-app .result-item p,.nxp-app .side-panel p { font-size:.8125rem; color:var(--nxp-text-soft); line-height:1.5; }
.nxp-app .empty-state { padding:16px; color:var(--nxp-muted); font-size:.8125rem; }
.nxp-app .slop-shell { display:grid; gap:20px; }
.nxp-app .slop-form-panel { width:100%; }
.nxp-app .slop-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px 16px; align-items:start; }
.nxp-app .slop-fields label { display:grid; gap:6px; }
.nxp-app .slop-fields strong { font-size:.8125rem; font-weight:500; }
.nxp-app .slop-fields > label > span { display:none; }
.nxp-app .slop-submit { margin-top:25px; }
.nxp-app .slop-hint { grid-column:1/-1; margin:0; font-size:.75rem; color:var(--nxp-muted); }
.nxp-app .slop-scan { padding:16px; border:1px solid var(--nxp-border); border-radius:10px; background:var(--nxp-surface); }
.nxp-app .slop-section-head { margin:20px 0 14px; }
.nxp-app .slop-form-panel .slop-section-head { margin-top:0; }
.nxp-app .slop-score-grid { gap:20px; }
.nxp-app .slop-prompt-panel { margin-top:20px; }
.nxp-app .slop-prompt-panel p { color:var(--nxp-muted); font-size:.8125rem; }
.nxp-analysis-track { display:grid; gap:4px; }
.nxp-analysis-stage { display:grid; grid-template-columns:22px minmax(0,1fr) auto; align-items:center; gap:9px; padding:6px 0; font-size:.75rem; color:var(--nxp-muted); }
.nxp-analysis-stage i { display:grid; place-items:center; width:22px; height:22px; border:1px solid var(--nxp-border); border-radius:50%; font-style:normal; font-size:.6875rem; }
.nxp-analysis-stage b { font-size:.6875rem; font-weight:500; }
.nxp-analysis-stage.is-active { color:var(--nxp-text); }
.nxp-analysis-stage.is-active i { background:var(--nxp-lime); color:#202400; border-color:var(--nxp-lime); }
.nxp-analysis-stage.is-done i { border-color:var(--nxp-primary); color:var(--nxp-primary); }
/* Email check retains distinct warning colours only in actual findings. */
.nxp-app.phishing-page { --pc-ink:var(--nxp-text); --pc-copy:var(--nxp-text-soft); --pc-muted:var(--nxp-muted); --pc-border:var(--nxp-border); --pc-surface:var(--nxp-surface); --pc-subtle:var(--nxp-surface-soft); --pc-lime:var(--nxp-lime); }
.nxp-app .phishing-workspace { gap:20px; }
.nxp-app .phishing-dropzone { min-height:190px; padding:24px 16px; border:1px dashed var(--nxp-border-strong); background:var(--nxp-surface-soft); color:var(--nxp-text); border-radius:10px; }
.nxp-app .phishing-dropzone:hover,.nxp-app .phishing-dropzone.is-dragover { background:var(--nxp-primary-soft); border-color:var(--nxp-primary); }
.nxp-app .phishing-dropzone strong { color:var(--nxp-text); font-size:1rem; }
.nxp-app .phishing-dropzone small { color:var(--nxp-muted); }
.nxp-app .phishing-result-copy strong { font-size:1.125rem; }
.nxp-app .phishing-details summary { font-weight:500; }
.nxp-app .phishing-input-note,.nxp-app .phishing-privacy-note { font-size:.75rem; color:var(--nxp-muted); }
.nxp-app .phishing-report-actions .nxp-btn { background:var(--nxp-surface); color:var(--nxp-text); min-height:38px; }
.nxp-app .phishing-result-summary { padding:16px; }
/* Team adviser and customer monitor */
.nxp-app .m365-step { padding:0 0 18px; margin:0 0 18px; border:0; border-bottom:1px solid var(--nxp-border); border-radius:0; background:transparent; }
.nxp-app .m365-step-head { margin-bottom:12px; }
.nxp-app .m365-step-head h3 { font-size:.875rem; }
.nxp-app .m365-radio-grid { gap:8px; }
.nxp-app .m365-radio-card { border-radius:8px; background:var(--nxp-surface); padding:12px; }
.nxp-app .m365-radio-card.is-active { background:var(--nxp-primary-soft); border-color:var(--nxp-border-strong); }
.nxp-app .m365-field-grid label small { font-size:.6875rem; line-height:1.5; font-weight:400; color:var(--nxp-muted); }
.nxp-app .m365-plan-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.nxp-app .m365-plan-card { padding:12px 0; }
.nxp-app .m365-plan-card li { font-size:.8125rem; color:var(--nxp-text-soft); }
.nxp-app .m365-contact-help { border:0; border-top:1px solid var(--nxp-border); margin:20px 0 0; padding-bottom:0; }
.nxp-app .m365-contact-help h3 { margin:0 0 8px; }
.nxp-app .m365-contact-help p { color:var(--nxp-muted); font-size:.8125rem; }
.nxp-app .monitor-layout { display:grid; grid-template-columns:340px minmax(0,1fr); gap:20px; align-items:start; }
.nxp-app .monitor-heading h2 { margin:0; }
.nxp-app .monitor-heading .nxp-eyebrow { display:none; }
.nxp-app .monitor-form { display:grid; gap:14px; }
.nxp-app .monitor-form > label:not(.monitor-check) { display:grid; gap:6px; }
.nxp-app .monitor-note { background:var(--nxp-surface-soft); border-radius:8px; padding:12px; }
.nxp-app .monitor-note strong { font-size:.8125rem; }
.nxp-app .monitor-note span { font-size:.75rem; }
.nxp-app .monitor-account-note { font-size:.75rem; color:var(--nxp-muted); margin:0; }
.nxp-monitor-access { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:22px; margin-bottom:24px; border:1px solid var(--nxp-border); border-radius:14px; background:var(--nxp-surface); }
.nxp-monitor-access h2 { margin-bottom:6px; }
.nxp-monitor-access p { font-size:.8125rem; color:var(--nxp-muted); margin:0; }
.nxp-platform .nxp-access-gate { border-radius:14px; padding:22px; }
.nxp-platform .nxp-access-gate h2 { font-size:1.125rem; line-height:1.35; }
.nxp-platform .nxp-access-gate p { font-size:.875rem; }
.nxp-platform .nxp-access-session { font-size:.75rem; padding:10px 14px; margin-bottom:20px; }
/* Customer area shares the platform shell and surfaces. */
.nxp-access-page { width:min(1120px,calc(100% - 48px)); margin:auto; padding:24px 0 32px; min-height:65vh; }
.nxp-platform .nxp-access-page .nxp-container { width:100%; }
.nxp-platform .nxp-access-page .nxp-section-tight { padding:0; margin-bottom:24px; }
.nxp-access-page .nxp-title { font-size:1.75rem; line-height:1.2; }
.nxp-access-page .nxp-subtitle { font-size:.875rem; margin-top:8px; }
.nxp-access-page .nxp-access-split { gap:20px; }
.nxp-access-page :is(.nxp-access-request-pane,.nxp-access-login-pane,.nxp-access-tool-row) { padding:22px; border:1px solid var(--nxp-border); border-radius:14px; background:var(--nxp-surface); box-shadow:none; }
.nxp-access-page h2 { font-size:1.125rem; line-height:1.35; }
.nxp-access-page :is(.nxp-access-request-pane,.nxp-access-login-pane) > p { font-size:.8125rem; color:var(--nxp-muted); }
.nxp-access-page .nxp-access-form :is(input,select,textarea):not([type=checkbox]):not([type=hidden]) { border:1px solid var(--nxp-border-strong); border-radius:8px; min-height:44px; background:var(--nxp-surface); color:var(--nxp-text); font-weight:400; }
.nxp-access-page .nxp-access-form label { font-size:.8125rem; font-weight:500; }
.nxp-access-page .nxp-access-choice-line { font-size:.8125rem; margin-bottom:20px; }
.nxp-access-page .nxp-magic-link-visual { display:none; }
.nxp-access-page .nxp-access-tool-grid { gap:14px; }
/* Small screens retain the same order: input, action, result. */
@media(max-width:1000px) {
  .nxp-catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .nxp-app .tool-layout { grid-template-columns:minmax(0,1fr) 260px; }
}
@media(max-width:900px) {
  .nxp-app :is(.password-builder,.qr-builder,.image-builder,.phishing-workspace,.m365-app,.tool-layout,.monitor-layout) { grid-template-columns:minmax(0,1fr); }
  .nxp-app :is(.password-output-panel,.qr-preview-panel,.m365-result-panel) { position:static; }
  .nxp-app .phishing-result-head { display:flex; }
  .nxp-home-help { grid-template-columns:1fr 1.5fr; gap:24px; }
}
@media(max-width:600px) {
  .nxp-platform .nxp-container,.nxp-home-shell,.nxp-app-shell,.nxp-access-page { width:calc(100% - 32px); }
  .nxp-platform .nxp-header { height:64px; min-height:64px; }
  .nxp-platform .nxp-nav { gap:8px; }
  .nxp-platform .nxp-nav-actions { gap:2px; }
  .nxp-platform .nxp-nav-actions > .nxp-access-nav { display:none; }
  .nxp-platform .nxp-brand-mark { width:28px; height:26px; }
  .nxp-platform .nxp-brand-copy strong { font-size:1.0625rem; }
  .nxp-platform .nxp-brand-copy small { font-size:.5625rem; }
  .nxp-platform .nxp-menu-button { padding:9px 10px; gap:6px; }
  .nxp-platform .nxp-header-control { min-width:40px; width:40px; }
  .nxp-platform .nxp-view-panel { top:72px; left:16px; right:16px; width:auto; }
  .nxp-platform .nxp-tool-drawer-head { padding:18px 16px 14px; }
  .nxp-platform .nxp-tool-search { padding:0 16px 14px; }
  .nxp-platform .nxp-tool-drawer-content { padding:0 6px 16px; }
  .nxp-platform .nxp-tool-drawer-foot { padding-left:18px; padding-right:18px; }
  .nxp-platform .nxp-footer-shell { align-items:flex-start; flex-direction:column; gap:10px; }
  .nxp-footer-links { gap:18px; }
  .nxp-home-shell { padding-top:28px; }
  .nxp-home-heading { padding-bottom:22px; }
  .nxp-home-heading h1 { font-size:1.75rem; }
  .nxp-home-heading p { font-size:.875rem; }
  .nxp-catalog-toolbar { gap:8px; flex-wrap:wrap; }
  .nxp-catalog-count { width:100%; padding-left:2px; }
  .nxp-catalog-grid { grid-template-columns:1fr; gap:10px; }
  .nxp-catalog-card { padding:18px; }
  .nxp-catalog-card-top { margin-bottom:12px; }
  .nxp-catalog-card p { margin-bottom:12px; }
  .nxp-catalog-filters { gap:2px; }
  .nxp-catalog-filters button { font-size:.75rem; padding:8px 10px; }
  .nxp-home-help { grid-template-columns:1fr; gap:20px; margin-top:24px; padding:24px 0; }
  .nxp-home-support { align-items:stretch; flex-direction:column; padding:20px; gap:16px; }
  .nxp-app-shell { padding-top:20px; }
  .nxp-app-header { padding-bottom:20px; }
  .nxp-app h1 { font-size:1.5rem; }
  .nxp-app-heading { gap:12px; align-items:flex-start; }
  .nxp-app-category { display:none; }
  .nxp-app .nxp-container { width:100% !important; }
  .nxp-app :is(.nxp-work-panel,.nxp-panel) { padding:18px !important; }
  .nxp-app :is(.password-field-grid,.qr-field-grid,.m365-field-grid,.phishing-field-grid) { grid-template-columns:1fr; }
  .nxp-app :is(.password-mode-tabs,.password-check-grid,.qr-mode-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .nxp-app :is(.password-result-box,.quick-form,.slop-form,.slop-score-grid) { grid-template-columns:1fr; }
  .nxp-app .quick-form > .nxp-btn { width:100%; }
  .nxp-app .slop-submit { margin-top:0; }
  .nxp-app .password-result-box > .nxp-btn { width:100%; }
  .nxp-app .qr-preview-actions { flex-direction:column; }
  .nxp-app .qr-preview-actions .nxp-btn { width:100%; }
  .nxp-app .qr-preview-wrap { min-height:240px; }
  .nxp-app .score-card { grid-template-columns:60px minmax(0,1fr); gap:12px; padding:14px; }
  .nxp-app :is(.password-info-grid,.qr-info-grid,.m365-plan-grid,.phishing-advice-grid) { grid-template-columns:1fr; gap:18px; }
  .nxp-app .nxp-app-help .nxp-container { margin:0; }
  .nxp-monitor-access { flex-direction:column; align-items:stretch; gap:16px; padding:18px; }
  .nxp-access-page .nxp-access-split { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .nxp-platform * { animation:none !important; transition:none !important; }
}
/* Compact selections and predictable customer-area contrast. */
.nxp-app .m365-step-title { gap:8px; margin-bottom:12px; }
.nxp-app .m365-step-title > span { width:23px; height:23px; min-width:23px; border:1px solid var(--nxp-border); border-radius:50%; background:transparent; color:var(--nxp-text-soft); font-size:.6875rem; font-weight:500; }
.nxp-app .m365-step-title > strong { font-size:.8125rem; font-weight:600; }
.nxp-app .m365-choice-grid { grid-template-columns:1fr; gap:6px; }
.nxp-app .m365-choice { display:flex; align-items:center; gap:10px; min-height:58px; padding:10px 12px; border-radius:8px; background:var(--nxp-surface); transition:none; }
.nxp-app .m365-choice:hover { transform:none; background:var(--nxp-surface-soft); }
.nxp-app .m365-choice input { position:static; margin:0; width:16px; height:16px; }
.nxp-app .m365-choice span { display:grid; gap:2px; width:auto; min-height:0; margin:0; padding:0; }
.nxp-app .m365-choice strong { font-size:.8125rem; font-weight:600; line-height:1.4; margin:0; letter-spacing:0; }
.nxp-app .m365-choice small { font-size:.6875rem; font-weight:400; line-height:1.4; }
.nxp-app .m365-choice:has(input:checked) { background:var(--nxp-primary-soft); border-color:var(--nxp-border-strong); box-shadow:none; }
.nxp-app .m365-choice-recommended::after { display:none; }
.nxp-app .m365-field-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.nxp-app .m365-recommendation-card { border-radius:10px; padding:16px; background:var(--nxp-surface-soft); }
.nxp-app .m365-rec-top h3 { font-size:1.0625rem; line-height:1.4; }
.nxp-app .m365-rec-text,.nxp-app .m365-reasons { font-size:.8125rem; }
.nxp-app .m365-score { border-radius:8px; min-width:52px; height:52px; font-weight:600; }
.nxp-app .m365-cost-box { border:1px solid var(--nxp-border); border-radius:10px; background:var(--nxp-surface-soft); color:var(--nxp-text); box-shadow:none; }
.nxp-app .m365-cost-box span { font-size:.75rem; font-weight:500; }
.nxp-app .m365-cost-box strong { font-size:1.75rem; font-weight:600; line-height:1.3; }
.nxp-app .m365-cost-box small { font-size:.75rem; font-weight:400; }
.nxp-app .m365-line { padding:12px; border-radius:8px; }
.nxp-app .m365-line strong { font-size:.8125rem; font-weight:600; }
.nxp-app .m365-line small { font-size:.6875rem; font-weight:400; }
.nxp-app .m365-warning { padding:12px; border-radius:8px; font-size:.75rem; }
.nxp-price-note { font-size:.6875rem; color:var(--nxp-muted); margin:8px 0 0; }
.nxp-app .phishing-card-head h2 { margin-bottom:6px; }
.nxp-app .phishing-card-head > div > p { font-size:.75rem; }
.nxp-app .phishing-file-help { font-size:.75rem; color:var(--nxp-muted); }
.nxp-app .phishing-drop-description { font-size:.75rem; color:var(--nxp-muted); }
.nxp-app .phishing-outlook-help > summary > span { display:none; }
.nxp-app .monitor-card { border-radius:12px; box-shadow:none; }
.nxp-app .monitor-summary article { border-radius:10px; }
.nxp-app .monitor-create { position:static; }
.nxp-platform .nxp-access-page .nxp-access-split { grid-template-columns:minmax(0,1fr) minmax(0,1fr); border:0; }
.nxp-platform .nxp-access-page .nxp-access-login-pane { color:var(--nxp-text); }
.nxp-platform .nxp-access-page .nxp-access-login-pane .nxp-access-form label { color:var(--nxp-text-soft); }
.nxp-platform .nxp-access-page .nxp-access-facts { border-color:var(--nxp-border); }
.nxp-platform .nxp-access-page .nxp-access-facts div { border-color:var(--nxp-border); }
.nxp-platform .nxp-access-page .nxp-access-facts dt { color:var(--nxp-muted); }
.nxp-platform .nxp-access-page .nxp-access-facts dd { color:var(--nxp-text-soft); }
.nxp-platform .nxp-access-page .nxp-access-tool-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:0; }
.nxp-platform .nxp-access-page .nxp-access-tool-row { display:flex; flex-direction:column; align-items:flex-start; gap:8px; border:1px solid var(--nxp-border); border-radius:12px !important; }
.nxp-access-page .nxp-access-tool-row > .nxp-btn { margin-top:6px; }
@media(max-width:600px) {
  .nxp-app .m365-field-grid-3 { grid-template-columns:1fr; }
  .nxp-app .m365-contact-grid { grid-template-columns:1fr; }
  .nxp-platform .nxp-access-page .nxp-access-split,.nxp-platform .nxp-access-page .nxp-access-tool-grid { grid-template-columns:1fr; }
}
@media print {
  .nxp-platform :is(.nxp-header,.nxp-footer,.nxp-tool-drawer,.nxp-back-to-top,.nxp-app-back,.nxp-app-support,.nxp-monitor-access) { display:none !important; }
  .nxp-app-shell { width:100%; padding:0; }
  .nxp-app :is(.nxp-panel,.nxp-work-panel) { box-shadow:none; break-inside:avoid; }
}
.nxp-app.phishing-page { background:var(--nxp-bg); }
html[data-theme="dark"] .nxp-app.phishing-page { --pc-surface:var(--nxp-surface); --pc-subtle:var(--nxp-surface-soft); --pc-border:var(--nxp-border); --pc-ink:var(--nxp-text); --pc-copy:var(--nxp-text-soft); --pc-muted:var(--nxp-muted); }
.nxp-app h1,.nxp-home-heading h1 { overflow-wrap:anywhere; }
.nxp-platform .nxp-footer-links :is(a,button) { min-height:40px; display:inline-flex; align-items:center; }
@media(max-width:360px) {
  .nxp-platform .nxp-menu-button { width:44px; padding:10px; }
  .nxp-platform .nxp-menu-button > span { display:none; }
}
/* Keep keyboard focus visible even where an older tool removes the native outline. */
.nxp-platform :is(a,button,summary,input,select,textarea):focus-visible { outline:2px solid var(--nxp-text) !important; outline-offset:3px; }