/* Real sourced product screenshots; no invented UI. */
.product-gallery-v2{margin:clamp(30px,5vw,60px) auto;padding:clamp(20px,3vw,34px);border:1px solid rgba(50,71,77,.17);background:#f7fafc;border-radius:22px;color:#1f343c;max-width:1160px}
.product-gallery-v2 .gallery-kicker{font:700 .73rem system-ui;letter-spacing:.12em;text-transform:uppercase;color:var(--nav-accent)}
.product-gallery-v2 h2{font:760 clamp(1.65rem,3vw,2.35rem)/1.12 system-ui;letter-spacing:-.036em;margin:10px 0}
.product-gallery-v2>p{font:400 .95rem/1.6 system-ui;max-width:70ch}
.product-gallery-v2 .gallery-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;margin-top:24px}
.product-gallery-v2 .gallery-layout figure{margin:0;border:1px solid rgba(50,71,77,.15);border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 9px 23px #1c37421c}
.product-gallery-v2 .gallery-layout .boxshot{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,290px) 1fr;align-items:center}
.product-gallery-v2 .gallery-layout img{display:block;width:100%;height:260px;object-fit:contain;background:#f4f6f8;padding:18px}
.product-gallery-v2 .gallery-layout .boxshot img{height:330px;background:#fff}
.product-gallery-v2 figcaption{font:600 .84rem/1.5 system-ui;color:#364c5b;padding:13px 16px;background:#fff}
.product-gallery-v2 .gallery-layout .boxshot figcaption{font-size:1.12rem}
.product-gallery-v2 .archive-note{font:400 .78rem/1.5 system-ui;color:#596a78;margin:14px 0 0}
.site-header .nav-mega{z-index:110!important}
body{overflow-x:clip}
img{max-width:100%}
@media(max-width:680px){.product-gallery-v2 .gallery-layout{grid-template-columns:1fr}.product-gallery-v2 .gallery-layout .boxshot{grid-column:auto;display:block}.product-gallery-v2 .gallery-layout img{height:220px}.product-gallery-v2 .gallery-layout .boxshot img{height:270px}}


/* 03 / Evidence Console. Desktop vertical operations navigation and cyber terminal. */
:root{--nav-accent:#60dec8;--nav-accent-contrast:#051a25;--nav-surface:#0b1c2a;--ui-ink:#e8fbf8;--footer-bg:#071421}
body{background:#0b1520!important;color:#e7f4fa!important;padding-left:254px}.site-container{max-width:1160px}.premium-header.site-header{position:fixed;inset:0 auto 0 0;width:254px;max-width:none;overflow:visible;border:0!important;border-right:1px solid #174553!important;background:linear-gradient(190deg,#071b2b,#102a34)!important;box-shadow:15px 0 60px rgba(1,12,20,.28)!important;padding:12px!important}.premium-header .site-container{display:flex;flex-direction:column;height:100%;padding:0 10px;gap:16px}.premium-header .nav-utility{display:block;font-size:10px;min-height:auto;color:#72d0ce;padding:7px 0!important;border-bottom:1px solid #1c5761}.premium-header .nav-utility em{display:block;font-size:9px;margin-top:5px}.premium-header .nav-main{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:36px;min-height:0;flex:1}.premium-header .nav-brand{max-width:none;flex-direction:column;align-items:flex-start;gap:16px;padding:12px 6px}.premium-header .nav-mark{width:56px;height:56px;border:1px solid #55b6ba!important;background:#0c404a!important;color:#b6f7ed!important;border-radius:8px!important}.premium-header .nav-brand-label strong{font:800 1.35rem/1.1 ui-monospace,monospace!important;color:#fff;white-space:normal}.premium-header .nav-brand-label small{font:600 10px/1.4 ui-monospace,monospace;white-space:normal}.premium-header .nav-shell{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:24px;flex:0 0 auto}.premium-header .nav-core{display:flex;flex-direction:column;align-items:stretch;gap:5px}.premium-header .nav-core>a,.premium-header .nav-guides-trigger{justify-content:flex-start;font:600 .84rem ui-monospace,monospace!important;padding:15px 11px;border-radius:7px!important;border-left:3px solid transparent}.premium-header .nav-core>a:hover,.premium-header .nav-guides-trigger:hover{background:#194251!important}.premium-header .nav-core>a[aria-current=page]{background:#17434f;color:#a9fff2!important;border-color:#69edd4}.premium-header .nav-actions{display:flex;flex-direction:column;align-items:stretch;padding-bottom:12px}.premium-header .nav-search,.premium-header .nav-cta{justify-content:center;border-radius:6px!important;font-family:ui-monospace,monospace!important}.premium-header .nav-search{border-color:#256574;color:#d9ffff}.premium-header .nav-mega{top:0;left:calc(100% + 12px);width:min(750px,calc(100vw - 315px));transform:none!important;background:#0f2b3c!important;color:#f5fbff!important;border-color:#276371!important;border-radius:10px!important}.premium-header .mega-spotlight{background:#124051}.premium-header .mega-links a{color:#defafa}.premium-footer{color:#dae9f0}.console-hero{background:linear-gradient(110deg,#0e2936,#19404b)!important;border:1px solid #276474;border-radius:12px}.console-diagnostics{color:#e6fafa}.console-diagnostics a{border:1px solid #1e6e7a}.expanded-visual-gallery{background:#102b3b!important;border:1px solid #226170}.expanded-visual-gallery h2,.expanded-visual-gallery p{color:#e8fdff!important}.visual-gallery-item{border-radius:5px!important}.visual-gallery-item figcaption{background:#0c2935;color:#e6ffff!important}.expanded-story-visual{border-radius:7px!important}.console-body{color:#e7f4fa}.premium-header .read-progress{background:#74f8d0}.product-gallery-v2{background:#142b3a!important;color:#e7fbff!important}
@media(max-width:880px){body{padding-left:0}.premium-header.site-header{inset:0 0 auto 0;position:sticky;width:100%;height:auto;padding:0 12px!important}.premium-header .site-container{padding:0;display:block}.premium-header .nav-utility{display:none}.premium-header .nav-main{flex-direction:row;min-height:78px}.premium-header .nav-brand{flex-direction:row;align-items:center;padding:3px}.premium-header .nav-mark,.premium-footer .footer-nav-brand .nav-mark{width:42px;height:42px}.premium-header .nav-brand-label strong,.premium-footer .footer-nav-brand .nav-brand-label strong{font-size:1.06rem!important}.premium-header .nav-shell{position:fixed;left:0;right:0;top:78px;bottom:0;display:none;width:100%;background:#071b2a!important;padding:25px;overflow:auto;z-index:100}.premium-header .nav-shell.is-open{display:flex}.premium-header .navbutton{display:inline-flex;margin-left:auto;position:relative;z-index:101}.premium-header .nav-mega{position:static;width:auto;transform:none;max-height:45vh;overflow:auto}}

.console-window{min-width:0}.console-image-feature{margin:10px 0 0;padding:0;border-top:1px solid #277887}.console-image-feature img{display:block;width:100%;max-height:190px;object-fit:cover;border-radius:6px;filter:saturate(.72) hue-rotate(18deg)}

/* V3 EDITORIAL MEDIA + RESPONSIVE CONTENT QUALITY */
:where(main,article,section,aside,div){min-width:0}
:where(.visual-gallery-grid,.method-grid,.custody-workflow,.stage-tabs,.workflow-grid,.guide-grid,.topic-grid,.feature-grid,.guide-cards){grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr))!important;gap:clamp(14px,2vw,26px)!important}
:where(.visual-gallery-item,.method,.custody-workflow>article,.stage-tabs>article,.topic-card,.guide-card){min-width:0;max-width:100%;overflow-wrap:normal;word-break:normal;hyphens:auto}
:where(.expanded-visual-gallery,.restored-article,.site-container){max-width:100%}
:where(.visual-gallery-item,.visual-gallery-item figcaption){overflow-wrap:break-word;line-height:1.55}
:where(.visual-gallery-grid,.expanded-visual-gallery){container-type:inline-size}
@container (max-width:650px){.visual-gallery-grid{grid-template-columns:1fr!important}}
:where(.expanded-story-visual,.context-visual,.product-context-shot){max-width:min(100%,900px);margin:clamp(22px,4vw,46px) auto;overflow:hidden;box-sizing:border-box}
:where(.expanded-story-visual img,.context-visual img){width:100%;height:auto;max-height:520px;object-fit:cover;display:block}
:where(.product-context-shot){display:grid;grid-template-columns:minmax(0,1.2fr) minmax(160px,.7fr);align-items:center;gap:20px;padding:clamp(16px,3vw,24px);border:1px solid #d8e4e8;border-radius:22px;background:#fff;box-shadow:0 13px 32px #2036480c}
.product-context-shot:nth-of-type(even){grid-template-columns:minmax(165px,.7fr) minmax(0,1.2fr)}
.product-context-shot img{grid-column:1;grid-row:1;display:block;width:100%;height:auto;max-height:380px;object-fit:contain;min-width:0}
.product-context-shot figcaption{grid-column:2;grid-row:1;max-width:45ch;padding:16px;color:#344351;font:600 clamp(.95rem,1.6vw,1.12rem)/1.5 system-ui}
.product-context-shot:nth-of-type(even) img{grid-column:2}
.product-context-shot:nth-of-type(even) figcaption{grid-column:1}
.product-story-intro{padding:clamp(18px,4vw,36px);background:color-mix(in srgb,var(--soft,#f0f5f6) 50%,white);border-radius:22px;margin:20px 0 38px}
.product-story-intro .product-kicker{letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:800;color:var(--nav-accent,#245f63)}
.product-story-intro h2{margin:8px 0 15px}
.product-story-intro>.product-context-shot{max-width:620px;margin:28px 0 0}
@media(max-width:710px){.product-context-shot,.product-context-shot:nth-of-type(even){display:block;padding:15px}.product-context-shot img{max-height:280px}.product-context-shot figcaption{padding:12px 4px}.expanded-visual-gallery{padding:16px}.visual-gallery-grid{grid-template-columns:1fr!important}}

/* Final typesetting clamp for long tutorial/product article headings. Home hero unchanged. */
body:has(.restored-article) main h1{font-size:clamp(2rem,3.2vw,3.5rem)!important;line-height:1.15!important;letter-spacing:-.03em!important;max-width:26ch;overflow-wrap:normal;word-break:normal}
body:has(.restored-article) main h2{line-height:1.21;overflow-wrap:break-word}
body:has(.restored-article) main p{max-width:75ch}
@media(max-width:600px){body:has(.restored-article) main h1{font-size:clamp(1.85rem,7vw,2.5rem)!important;max-width:100%;line-height:1.2!important}}