/* Premium navigation & editorial experience v1.0 — first-party CSS, no external dependencies. */
:root{--ui-ink:#17262d;--ui-muted:#62727a;--nav-accent:#8c4a35;--nav-accent-contrast:#fff;--nav-surface:rgba(255,255,255,.95);--nav-border:rgba(36,45,51,.13);--nav-shadow:0 17px 50px rgba(21,28,35,.1);--panel-shadow:0 30px 85px rgba(14,26,34,.20)}
body{min-width:320px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html.search-open,html.nav-open{overflow:hidden}
.premium-header.site-header{position:sticky;top:0;z-index:90;padding:0;border:0;background:var(--nav-surface);color:var(--ui-ink);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);box-shadow:0 1px 0 var(--nav-border);transition:box-shadow .25s ease,background .25s ease}
.premium-header.is-scrolled{box-shadow:0 9px 32px rgba(20,30,40,.12)}
.premium-header .nav-utility{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:26px;font:600 10px/1.4 system-ui,Arial;letter-spacing:.12em;text-transform:uppercase}
.premium-header .nav-utility em{font-style:normal;opacity:.8}
.premium-header .nav-main{min-height:82px;display:flex;align-items:center;gap:20px;justify-content:space-between}
.premium-header .nav-brand{display:flex;align-items:center;gap:13px;max-width:min(360px,35vw);text-decoration:none;flex:0 0 auto;color:inherit}
.premium-header .nav-mark{display:grid;place-items:center;flex:none;width:44px;height:44px;font:650 26px/1 system-ui,Arial;border-radius:14px;background:var(--nav-accent);color:var(--nav-accent-contrast);box-shadow:0 5px 15px rgba(0,0,0,.12)}
.premium-header .nav-brand-label{display:flex;flex-direction:column;gap:4px;min-width:0}
.premium-header .nav-brand-label strong{font:750 clamp(1.06rem,1.75vw,1.35rem)/1.1 system-ui,Arial;letter-spacing:-.047em;white-space:nowrap}
.premium-header .nav-brand-label small{font:600 9px/1.3 system-ui,Arial;letter-spacing:.14em;text-transform:uppercase;opacity:.62;white-space:nowrap}
.premium-header .nav-shell{display:flex;align-items:center;justify-content:flex-end;gap:clamp(14px,2vw,27px);flex:1;min-width:0}
.premium-header .nav-core{display:flex;align-items:center;gap:2px}
.premium-header .nav-core>a,.premium-header .nav-guides-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;color:inherit;font:650 .86rem/1.2 system-ui,Arial;white-space:nowrap;text-decoration:none;border-radius:10px;padding:12px 15px;transition:background .18s,transform .18s;}
.premium-header .nav-core>a:hover,.premium-header .nav-guides-trigger:hover{background:color-mix(in srgb,var(--nav-accent) 8%,transparent);text-decoration:none}
.premium-header .nav-core>a[aria-current=page]{color:var(--nav-accent);background:color-mix(in srgb,var(--nav-accent) 9%,transparent)}
.premium-header .nav-guides-trigger svg{height:15px;width:15px;transition:transform .2s}
.premium-header .nav-guides-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.premium-header .nav-guide-wrap{position:relative}
.premium-header .nav-actions{display:flex;align-items:center;gap:9px}
.premium-header .nav-search{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--nav-border);color:inherit;padding:11px 13px;background:transparent;border-radius:12px;font:650 .82rem system-ui,Arial;white-space:nowrap;transition:border-color .2s,background .2s}
.premium-header .nav-search:hover{background:rgba(128,128,128,.06);border-color:var(--nav-accent)}
.premium-header .nav-search svg{width:17px;height:17px}
.premium-header kbd{font:600 10px system-ui;padding:2px 5px;opacity:.6;border:1px solid currentColor;border-radius:4px}
.premium-header .nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:11px;text-align:center;color:var(--nav-accent-contrast);background:var(--nav-accent);text-decoration:none!important;padding:13px 18px;border-radius:12px;box-shadow:0 8px 17px color-mix(in srgb,var(--nav-accent) 22%,transparent);font:750 .82rem system-ui;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease}
.premium-header .nav-cta svg{width:16px;height:16px;transition:transform .2s}
.premium-header .nav-cta:hover{transform:translateY(-2px);box-shadow:0 13px 23px color-mix(in srgb,var(--nav-accent) 29%,transparent)}
.premium-header .nav-cta:hover svg{transform:translateX(3px)}
.premium-header .navbutton{display:none;align-items:center;justify-content:center;gap:7px;border:1px solid var(--nav-border);border-radius:12px;background:transparent;color:inherit;padding:10px 13px;font:700 .83rem system-ui}
.premium-header .navbutton svg{width:20px;height:20px}
.premium-header .nav-mega{position:absolute;top:calc(100% + 20px);left:50%;transform:translateX(-48%);width:min(850px,calc(100vw - 42px));display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,1fr);padding:18px;gap:16px;border:1px solid var(--nav-border);border-radius:20px;background:var(--nav-surface);box-shadow:var(--panel-shadow);backdrop-filter:blur(24px)}
.premium-header .nav-mega[hidden],.search-backdrop[hidden]{display:none!important}
.premium-header .mega-kicker{margin:7px 9px 13px;font:750 .68rem system-ui;letter-spacing:.16em;text-transform:uppercase;color:var(--nav-accent)}
.premium-header .mega-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
.premium-header .mega-links a{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;border-radius:10px;padding:12px;font:620 .86rem/1.4 system-ui;min-width:0}
.premium-header .mega-links a:hover,.premium-header .mega-links a:focus-visible{background:color-mix(in srgb,var(--nav-accent) 10%,transparent)}
.premium-header .mega-links .mega-number{flex:0 0 auto;color:var(--nav-accent);font:750 .68rem system-ui;opacity:.75}
.premium-header .mega-spotlight{background:color-mix(in srgb,var(--nav-accent) 11%,var(--nav-surface));border-radius:14px;padding:26px 22px;display:flex;flex-direction:column;justify-content:space-between;min-height:250px}
.premium-header .mega-spotlight strong{font:750 1.28rem/1.2 system-ui;letter-spacing:-.03em}
.premium-header .mega-spotlight p{font:400 .88rem/1.65 system-ui;opacity:.83;margin:10px 0 25px}
.premium-header .mega-spotlight a{font:760 .82rem system-ui;text-decoration:none;display:inline-flex;gap:8px;align-items:center;color:var(--nav-accent)}
.read-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:var(--nav-accent);pointer-events:none;transition:transform .08s linear}
.search-backdrop{position:fixed;inset:0;z-index:999;background:rgba(14,25,31,.70);backdrop-filter:blur(7px);display:grid;place-items:start center;padding:clamp(50px,9vh,120px) 20px 20px;overflow-y:auto}
.search-dialog{background:#fff;color:#192a33;border-radius:22px;width:min(690px,100%);box-shadow:0 38px 100px rgba(0,0,0,.35);overflow:hidden}
.search-titlebar{padding:23px 28px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;font:800 1.05rem system-ui}
.search-close{border:1px solid #d9e0df;background:#f3f6f5;border-radius:10px;padding:8px 12px;color:#2b424b}
.search-field-wrap{margin:20px 25px 0;border:1px solid #c7d3d4;border-radius:14px;display:flex;align-items:center;gap:12px;padding:12px 16px}
.search-field-wrap svg{width:23px;height:23px;flex:none}
.search-field-wrap input{flex:1;border:0;outline:0;background:none;color:#1c3238;min-width:0;font:600 1rem system-ui}
.search-caption{margin:14px 27px 7px;font:750 .66rem system-ui;letter-spacing:.14em;color:#71868e;text-transform:uppercase}
.search-results{padding:5px 15px 17px;max-height:48vh;overflow:auto}
.search-hit{display:grid;grid-template-columns:65px 1fr 18px;gap:15px;align-items:center;text-decoration:none;color:#1a3540;padding:15px 13px;border-radius:11px;font:650 .87rem/1.45 system-ui}
.search-hit:hover,.search-hit:focus-visible{background:#edf5f4}
.search-hit-type{font:750 .64rem system-ui;color:#617c86;text-transform:uppercase;letter-spacing:.08em}
.search-hit>span:last-child{color:#698c8d}
.search-empty{padding:15px;color:#5c757e;font:500 .91rem system-ui}
.search-footer{font:600 .74rem system-ui;color:#647a82;background:#eff3f3;border-top:1px solid #e0e8e8;padding:12px 25px}
.premium-footer{margin-top:80px;background:var(--footer-bg,#132d32);color:var(--footer-text,#f5faf8);padding:55px 0 25px;border-top:3px solid var(--nav-accent);font-family:system-ui,Arial}
.premium-footer .footer-upper{display:grid;grid-template-columns:minmax(200px,1.5fr) minmax(140px,1fr) minmax(180px,1fr);gap:42px}
.premium-footer .footer-nav-brand{display:inline-flex;align-items:center;gap:13px;margin-bottom:13px;text-decoration:none;color:inherit}.premium-footer .footer-nav-brand .nav-mark{display:grid;place-items:center;flex:none;width:56px;height:56px;font:650 26px/1 system-ui,Arial;border:1px solid #55b6ba;background:#0c404a;color:#b6f7ed;border-radius:8px}.premium-footer .footer-nav-brand .nav-brand-label{display:flex;align-items:center}.premium-footer .footer-nav-brand .nav-brand-label strong{font:800 1.35rem/1.1 ui-monospace,monospace;color:#fff;letter-spacing:-.05em;white-space:nowrap}
.premium-footer p{font-size:.89rem;line-height:1.7;color:var(--footer-muted,#b7c8ca);max-width:38ch}
.premium-footer h2{font:750 .69rem system-ui;text-transform:uppercase;letter-spacing:.16em;margin:5px 0 20px;color:var(--footer-muted,#b7c8ca)}
.premium-footer a{display:block;color:inherit;text-decoration:none;font:.84rem/1.4 system-ui;margin:0 0 15px}
.premium-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.premium-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.18);margin-top:42px;padding-top:23px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font:.74rem system-ui;color:var(--footer-muted,#b7c8ca)}
.premium-footer .footer-bottom a{font-size:.74rem;margin:0}
/* Premium editorial refinements, intentionally adapted to the existing site archetype. */
.restored-article{font-family:system-ui,Arial,sans-serif;letter-spacing:-.006em;line-height:1.84}
.restored-article h2{margin:2.4em 0 .7em;letter-spacing:-.043em}
.restored-article h3{margin:1.8em 0 .55em;letter-spacing:-.02em}
.restored-article p,.restored-article li{max-width:76ch}
.restored-article .d4-lead{font-size:clamp(1.08rem,1.5vw,1.3rem);line-height:1.8}
.restored-article .d4-card{opacity:1;border:1px solid var(--nav-border);border-radius:19px;background:color-mix(in srgb,var(--nav-accent) 7%,transparent);padding:25px 28px;box-shadow:0 9px 34px rgba(17,30,36,.045)}
.restored-article .d4-qa{opacity:1;display:block;border:1px solid var(--nav-border);border-radius:15px;margin-bottom:10px;padding:0;background:color-mix(in srgb,var(--nav-accent) 2%,transparent);overflow:hidden}
.restored-article .d4-qa summary{padding:17px 24px;cursor:pointer;list-style:none;display:flex;align-items:center;gap:16px;justify-content:space-between;font-weight:740;line-height:1.4}
.restored-article .d4-qa summary::-webkit-details-marker{display:none}
.restored-article .d4-qa summary:after{content:'+';font:400 1.5rem system-ui;color:var(--nav-accent)}
.restored-article .d4-qa[open] summary:after{content:'−'}
.restored-article .d4-qa[open]{box-shadow:0 7px 20px rgba(15,32,38,.06)}
.restored-article .d4-qa p{padding:0 24px 20px;margin:0;max-width:78ch}
.restored-article .d4-source a{text-decoration-color:var(--nav-accent);text-underline-offset:4px}
.product-interface-gallery{border:1px solid var(--nav-border);border-radius:22px;padding:clamp(16px,2.8vw,34px);background:color-mix(in srgb,var(--nav-accent) 5%,#fff);box-shadow:0 13px 45px rgba(20,35,38,.06)}
.product-ui-image{border-radius:12px;box-shadow:0 15px 28px rgba(16,24,28,.1)}
@media(max-width:1180px){.premium-header .nav-main{min-height:76px}.premium-header .nav-brand-label small{display:none}.premium-header .nav-search kbd{display:none}.premium-header .nav-core>a,.premium-header .nav-guides-trigger{padding:10px 11px}.premium-header .nav-shell{gap:11px}.premium-header .nav-cta{padding:12px 14px}}
@media(max-width:880px){
 .premium-header .nav-utility{display:none}
 .premium-header .nav-main{min-height:73px;position:relative}
 .premium-header .nav-brand{max-width:calc(100% - 80px)}
 .premium-header .nav-brand-label strong{font-size:1.1rem}
 .premium-header .navbutton{display:inline-flex;position:relative;z-index:3;flex:none}
 .premium-header .nav-shell{display:none;position:absolute;top:calc(100% + 1px);left:-15px;right:-15px;max-height:calc(100dvh - 83px);overflow-y:auto;overscroll-behavior:contain;padding:20px 19px 28px;background:var(--nav-surface);backdrop-filter:blur(28px);box-shadow:0 21px 30px rgba(0,0,0,.2);border-bottom:1px solid var(--nav-border);border-radius:0 0 20px 20px;flex-direction:column;align-items:stretch;gap:18px}
 .premium-header .nav-shell.is-open{display:flex}
 .premium-header .nav-core{display:flex;flex-direction:column;align-items:stretch;gap:6px}
 .premium-header .nav-core>a,.premium-header .nav-guides-trigger{font-size:1rem;padding:15px 16px;border-radius:12px;justify-content:space-between}
 .premium-header .nav-mega{position:static;transform:none;width:100%;display:block;padding:9px;border-radius:13px;box-shadow:none;background:color-mix(in srgb,var(--nav-accent) 6%,var(--nav-surface))}
 .premium-header .mega-links{grid-template-columns:1fr}
 .premium-header .mega-links a{font-size:.83rem;padding:11px}
 .premium-header .mega-spotlight{display:none}
 .premium-header .nav-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .premium-header .nav-cta,.premium-header .nav-search{justify-content:center;min-height:47px}
 .premium-header .nav-search kbd{display:none}
 .premium-footer .footer-upper{grid-template-columns:1fr 1fr;gap:28px}
 .premium-footer .footer-about{grid-column:1/-1}
}
@media(max-width:560px){.premium-header .nav-mark{width:39px;height:39px;font-size:23px}.premium-header .nav-brand{gap:9px}.premium-header .nav-brand-label strong{font-size:.99rem;letter-spacing:-.05em}.premium-header .navbutton{font-size:0;padding:10px}.premium-header .navbutton svg{width:23px;height:23px}.premium-footer .footer-upper{grid-template-columns:1fr}.premium-footer .footer-about{grid-column:auto}.premium-footer{padding:44px 0 20px}.premium-header .nav-shell{left:-15px;right:-15px}.search-titlebar{padding:17px 19px 0}.search-field-wrap{margin:17px 16px 0}.search-hit{grid-template-columns:50px 1fr 14px;gap:9px}.restored-article .d4-card{padding:21px 18px}}
@media(prefers-reduced-motion:reduce){.premium-header *, .premium-footer *, .read-progress{transition:none!important;scroll-behavior:auto!important}}


:root{--nav-surface:rgba(11,25,33,.985);--nav-accent:#a6f58f;--nav-accent-contrast:#102022;--nav-border:rgba(166,245,143,.25);--ui-ink:#e7f9ee;--footer-bg:#0b1821;--footer-muted:#a5c3ba}
.premium-header{border-bottom:1px solid rgba(166,245,143,.28)!important;box-shadow:0 8px 26px rgba(0,0,0,.25)!important}
.premium-header .nav-utility{border-bottom:1px solid rgba(166,245,143,.15);padding:8px 0;font-family:ui-monospace,Consolas,monospace;color:#a6f58f}
.premium-header .nav-utility em:before{content:'● ';color:#83ff82}
.premium-header .nav-brand-label strong{font-family:ui-monospace,Consolas,monospace;font-weight:850;letter-spacing:-.05em}
.premium-header .nav-mark{border:1px solid #a6f58f;border-radius:4px;background:#223c31;color:#a6f58f;box-shadow:inset 0 0 12px rgba(166,245,143,.15)}
.premium-header .nav-core>a,.premium-header .nav-guides-trigger{font:650 .8rem ui-monospace,Consolas,monospace;border-radius:4px}
.premium-header .nav-search{border-radius:4px;font-family:ui-monospace,Consolas,monospace}
.premium-header .nav-cta{border-radius:4px;font:750 .79rem ui-monospace,Consolas,monospace;box-shadow:0 0 0 1px #a6f58f;}
.premium-header .nav-mega{border-radius:4px;background:#0d212d;color:#e7f9ee;box-shadow:0 25px 50px rgba(0,0,0,.42)}
.premium-header .mega-spotlight{background:#19372f;border-radius:3px}
.premium-header .mega-links a{font:600 .76rem/1.5 ui-monospace,Consolas,monospace}
.premium-header .mega-spotlight a{color:#a6f58f}
.premium-header .nav-core>a:hover,.premium-header .nav-guides-trigger:hover{background:#19372f}
.read-progress{box-shadow:0 0 13px rgba(166,245,143,.8)}
.premium-footer{border-top:1px solid #a6f58f}

/* Context-specific illustrations support articles while product pages show authentic software only. */
.context-visual{overflow:hidden;margin:clamp(22px,4vw,42px) 0;border-radius:clamp(14px,2vw,22px);background:color-mix(in srgb,var(--panel,#fafafa) 82%,white);box-shadow:0 16px 42px rgba(18,35,48,.10);border:1px solid rgba(80,104,122,.12)}
.context-visual img{display:block;width:100%;height:auto;aspect-ratio:12/7;object-fit:cover;}
.context-visual figcaption{padding:10px 16px 12px;color:var(--text-muted,#5c6874);font-size:.84rem;letter-spacing:.01em;}
@media(max-width:680px){.context-visual{margin:24px 0;border-radius:14px}.context-visual figcaption{font-size:.78rem}}

/* Enhanced editorial visual storytelling, keeps approved layouts and navigation */
.expanded-visual-gallery{max-width:1220px;margin:clamp(32px,5vw,70px) auto;padding:clamp(20px,3vw,34px);background:var(--surface,#f8fafb);border:1px solid rgba(74,90,105,.10);border-radius:26px}.expanded-visual-gallery .visual-heading{margin:0 0 18px}.expanded-visual-gallery h2{font-size:clamp(1.4rem,2.5vw,2rem);margin:0 0 8px}.expanded-visual-gallery .visual-heading p{margin:0;color:var(--muted,#5e6b75)}.visual-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.visual-gallery-item{overflow:hidden;margin:0;border:1px solid rgba(68,92,110,.12);border-radius:17px;background:#fff;box-shadow:0 8px 25px rgba(26,44,62,.06)}.visual-gallery-item img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover}.visual-gallery-item figcaption{padding:13px 15px;font-size:.92rem;font-weight:650;color:var(--ink,#263442)}.expanded-story-visual{width:100%;margin:clamp(22px,4vw,34px) 0;overflow:hidden;border-radius:20px;background:#f9faf8;box-shadow:0 15px 36px rgba(35,54,68,.075);border:1px solid rgba(36,56,75,.08)}.expanded-story-visual img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover}.expanded-story-visual figcaption{font-size:.89rem;line-height:1.55;padding:12px 18px;color:#536778;background:#fff}@media(max-width:800px){.visual-gallery-grid{grid-template-columns:1fr 1fr}.expanded-visual-gallery{margin:30px 12px}.expanded-story-visual{margin:24px 0}}@media(max-width:560px){.visual-gallery-grid{grid-template-columns:1fr}.visual-gallery-item img{aspect-ratio:16/9}.expanded-visual-gallery{padding:16px;border-radius:18px}.expanded-story-visual img{aspect-ratio:16/10}}