/* 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}}


/* 01 / The Fieldnote Review. Editorial heritage masthead and literary reading flow. */
:root{--nav-accent:#6a3c2b;--nav-surface:#f8f2e8;--nav-border:#c8b6a4;--ui-ink:#261d18;--footer-bg:#251c19}
html{scroll-padding-top:160px}body{background:#f8f4ed!important;color:#28221d} .premium-header.site-header{position:relative;background:#f8f2e8!important;border:0!important;box-shadow:none!important;border-bottom:2px solid #34271e!important}
.premium-header .site-container{max-width:1370px}.premium-header .nav-utility{min-height:37px;padding:10px 0!important;letter-spacing:.16em!important;font-family:Georgia,serif!important;font-size:11px!important;border-bottom:1px solid #aa9885!important}
.premium-header .nav-main{display:grid;grid-template-columns:1fr;gap:12px;min-height:146px;padding:14px 0 13px;position:relative}
.premium-header .nav-brand{justify-self:center;max-width:none;gap:12px;text-align:center}.premium-header .nav-mark{width:40px;height:40px;border-radius:50%;background:#37241b;color:#e9ccb1}.premium-header .nav-brand-label strong{font:700 clamp(1.8rem,3.1vw,3.2rem)/1 Georgia,serif!important;letter-spacing:-.066em}.premium-header .nav-brand-label small{font-size:.62rem;letter-spacing:.26em}
.premium-header .nav-shell{width:100%;justify-content:center;gap:34px;position:static}.premium-header .nav-core{gap:12px}.premium-header .nav-core>a,.premium-header .nav-guides-trigger{font:600 .88rem Georgia,serif!important;border-radius:0!important;padding:8px 13px;border-bottom:2px solid transparent}.premium-header .nav-core>a[aria-current=page]{background:none;color:#6a3c2b;border-color:#6a3c2b}.premium-header .nav-cta{background:#352720!important;border-radius:0!important;letter-spacing:.04em;box-shadow:4px 4px 0 #be9c7d}.premium-header .nav-search{border-radius:0}.premium-header .nav-mega{top:calc(100% + 10px);border-radius:0!important;background:#faf7f0!important}.premium-footer{font-family:Georgia,serif!important}
.editorial-hero{padding-top:clamp(30px,5vw,76px)}.editorial-hero .editorial-grid{grid-template-columns:1fr 1.02fr;gap:48px}.editorial-headline{font-family:Georgia,serif;letter-spacing:-.055em!important}.expanded-visual-gallery{border-radius:0;background:#ede5d9!important}.visual-gallery-item{border-radius:0!important}.expanded-story-visual{border-radius:2px!important}.guide-top{border-bottom:1px solid #c8b7a4}.guide-body.prose{font-family:Georgia,serif;line-height:1.75}.guide-body h2,.guide-body h3{font-family:Georgia,serif}.product-gallery-v2{background:#eae0d1;border:1px solid #bb9c83}
@media(max-width:880px){.premium-header .nav-main{display:flex;flex-direction:row;min-height:74px;padding:8px 0}.premium-header .nav-brand{justify-self:auto;text-align:left}.premium-header .nav-brand-label strong{font-size:1.3rem!important}.premium-header .navbutton{display:inline-flex;margin-left:auto}.premium-header .nav-shell{position:fixed;left:0;right:0;top:0;bottom:0;height:100dvh;overflow:auto;display:none;flex-direction:column;justify-content:flex-start;padding:110px 22px 40px;background:#f8f2e8;z-index:99}.premium-header .nav-shell.is-open{display:flex}.premium-header .nav-core{flex-direction:column}.premium-header .nav-core>a,.premium-header .nav-guides-trigger{font-size:1rem!important}.premium-header .nav-utility{display:none}.premium-header .navbutton{position:relative;z-index:101}}

/* 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}}

/* S401 final visual system: a secure field-archive aesthetic, not the inherited guide template. */
:root{--nav-accent:#b85f32;--nav-surface:#fffaf2;--nav-border:#d9c9b8;--ui-ink:#172b29;--footer-bg:#142825}
body.theme-s401{background:radial-gradient(circle at 8% 0,#fff8ea 0,transparent 32%),#f1e9dd!important;color:#1c2b29}
.premium-header.site-header{position:sticky;top:0;z-index:90;background:rgba(255,250,242,.96)!important;border-bottom:1px solid #d9c9b8!important;box-shadow:0 12px 32px rgba(42,35,26,.09)!important;backdrop-filter:blur(16px)}
.premium-header .nav-utility{display:none!important}
.premium-header .nav-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,52px);min-height:82px;padding:10px 0}
.premium-header .nav-brand{justify-self:start;text-align:left;gap:11px}
.premium-header .nav-mark{width:43px;height:43px;border-radius:13px;background:#17312d;color:#f3c28f;box-shadow:inset 0 0 0 1px #c88a57,0 7px 18px rgba(23,49,45,.18)}
.premium-header .nav-brand-label strong{font:700 clamp(1.2rem,1.8vw,1.65rem)/1 Georgia,serif!important;letter-spacing:-.045em!important;color:#172b29}
.premium-header .nav-brand-label small{font:750 .57rem/1.2 system-ui!important;letter-spacing:.16em;color:#9b4d2c}
.premium-header .nav-shell{display:flex;justify-content:flex-end;width:100%;position:static;min-width:0}
.premium-header .nav-core.nav-all-pages{display:flex;justify-content:flex-end;align-items:center;gap:2px;width:100%}
.premium-header .nav-core.nav-all-pages>a{padding:11px 9px;border:0!important;border-radius:999px!important;font:750 clamp(.66rem,.8vw,.79rem)/1 system-ui!important;letter-spacing:.015em;color:#364a46;white-space:nowrap}
.premium-header .nav-core.nav-all-pages>a:hover{background:#f1e2d3;color:#7c351f}
.premium-header .nav-core.nav-all-pages>a[aria-current=page]{background:#17312d!important;color:#fff7ea!important;box-shadow:0 5px 13px rgba(23,49,45,.17)}
.editorial-hero{margin:clamp(18px,3vw,38px) 0 0;padding:0!important;border:1px solid #31504a;border-radius:30px;background:linear-gradient(125deg,#102724,#21443c 62%,#315849);color:#fff8eb;overflow:hidden;box-shadow:0 26px 56px rgba(18,39,36,.2)}
.editorial-hero .editorial-grid{align-items:stretch;gap:0}
.editorial-hero .editorial-grid>div:first-child{padding:clamp(30px,5vw,72px)}
.editorial-hero .editorial-image{min-height:100%;border-left:1px solid rgba(255,255,255,.13)}
.editorial-hero .editorial-image img{width:100%;height:100%;min-height:470px;object-fit:cover;border-radius:0!important}
.editorial-hero .eyebrow{color:#f0ad72}.editorial-hero .subtitle{color:#e1ebe5}.editorial-hero .pill-link{background:#c86d3a!important;color:white!important;border-radius:12px!important;box-shadow:0 9px 24px rgba(0,0,0,.2)}
.editorial-index{margin-top:26px;padding:clamp(24px,4vw,48px);border:1px solid #dfd0bd;border-radius:26px;background:#fffaf3;box-shadow:0 18px 44px rgba(72,48,31,.08)}
.journal-list a{border-radius:13px!important}.journal-list a:hover{background:#f2e2d2!important}.journal-list .number{color:#ae5630!important}
.feature-note{border-radius:22px!important;background:#ead7c3!important;border:1px solid #d4b89b!important;box-shadow:none!important}
.expanded-visual-gallery{margin-top:clamp(30px,5vw,60px);background:#17312d!important;color:#fff8ea!important;border-radius:28px!important}
.visual-gallery-item{background:#fffaf2!important;border:1px solid #d4bda5!important;border-radius:18px!important;color:#1c302d;overflow:hidden}.visual-gallery-item img{aspect-ratio:3/2;object-fit:cover}
.guide-top{padding:clamp(48px,7vw,86px) 0;background:linear-gradient(125deg,#102724,#26483f);color:#fff9ee;border:0!important}.guide-top .guide-badge{color:#efaa70}.guide-top .guide-lede{color:#dbe7e2}
.article-grid{margin-top:clamp(26px,5vw,58px)}.guide-body.prose{padding:clamp(24px,4vw,52px);border:1px solid #ddcebc;border-radius:24px;background:#fffaf3;box-shadow:0 18px 42px rgba(67,48,35,.07)}
.premium-footer{background:#142825!important;border-top:5px solid #bd6638;color:#eef3ec!important}.premium-footer a{color:#e6d5c1!important}
/* The footer repeats the navbar brand lockup exactly: same mark geometry, title scale and tagline. */
.premium-footer .footer-brand{gap:11px}
.premium-footer .footer-mark{width:43px;height:43px;border-radius:13px;background:#17312d;color:#f3c28f;font:700 26px/1 Georgia,serif;box-shadow:inset 0 0 0 1px #c88a57,0 7px 18px rgba(0,0,0,.22)}
.premium-footer .footer-brand-label{gap:3px}
.premium-footer .footer-brand-label strong{font:700 clamp(1.2rem,1.8vw,1.65rem)/1 Georgia,serif;letter-spacing:-.045em;color:#fff8ed}
.premium-footer .footer-brand-label small{font:750 .57rem/1.2 system-ui;letter-spacing:.16em;color:#d89a7f;opacity:1}

/* S401 product evidence is presented as an archival review ledger, not a reused screenshot gallery. */
.theme-s401 .product-story-intro{padding:clamp(25px,5vw,54px);border:1px solid #3f5b54;border-radius:7px;background:#17312d;color:#f9f0e2;box-shadow:12px 12px 0 #d9c2a8}
.theme-s401 .product-story-intro .product-kicker{color:#efaa70}
.theme-s401 .product-story-intro h2{font-family:Georgia,serif;color:#fffaf1}
.theme-s401 .product-story-intro>p{color:#d9e5df}
.theme-s401 .product-story-intro>.product-context-shot{max-width:none;margin-top:30px}
.theme-s401 .product-context-shot{grid-template-columns:minmax(0,1.55fr) minmax(210px,.55fr);gap:0;max-width:none;padding:0;border:1px solid #c7ad91;border-left:7px solid #b85f32;border-radius:5px;background:#f7ecdc;box-shadow:8px 9px 0 rgba(42,57,51,.1)}
.theme-s401 .product-context-shot:nth-of-type(even){grid-template-columns:minmax(210px,.55fr) minmax(0,1.55fr);border-left:1px solid #c7ad91;border-right:7px solid #b85f32}
.theme-s401 .product-context-shot img{width:100%;max-height:500px;padding:clamp(12px,2vw,24px);background:#e8dfd2;object-fit:contain}
.theme-s401 .product-context-shot figcaption{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:8px;max-width:none;padding:clamp(22px,4vw,44px);color:#273a35;font:500 1rem/1.65 Georgia,serif;border-left:1px solid #ccb69e}
.theme-s401 .product-context-shot figcaption strong{font:700 1.22rem/1.25 system-ui;color:#8d3d25}
.theme-s401 .product-context-shot:nth-of-type(even) figcaption{border-left:0;border-right:1px solid #ccb69e}

@media(max-width:1180px){.premium-header .nav-main{display:flex;min-height:74px;padding:8px 0}.premium-header .navbutton{display:inline-flex;margin-left:auto;position:relative;z-index:101}.premium-header .nav-shell{position:fixed;inset:0;height:100dvh;overflow:auto;display:none;justify-content:flex-start;padding:100px 22px 42px;background:#fffaf2;z-index:99}.premium-header .nav-shell.is-open{display:flex}.premium-header .nav-core.nav-all-pages{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px}.premium-header .nav-core.nav-all-pages>a{font-size:1rem!important;padding:14px 17px;text-align:left}.premium-header .nav-brand-label small{display:block}}
@media(max-width:760px){.editorial-hero .editorial-grid{grid-template-columns:1fr}.editorial-hero .editorial-image{border-left:0;border-top:1px solid rgba(255,255,255,.13)}.editorial-hero .editorial-image img{min-height:290px}.editorial-index{padding:20px}.guide-body.prose{padding:22px 18px}.theme-s401 .product-context-shot,.theme-s401 .product-context-shot:nth-of-type(even){display:block;border-right:1px solid #c7ad91;border-left:5px solid #b85f32}.theme-s401 .product-context-shot figcaption,.theme-s401 .product-context-shot:nth-of-type(even) figcaption{border:0;border-top:1px solid #ccb69e}}
\n/* Final product-interface visibility correction */\n.product-context-shot,.product-context-shot img{overflow:visible!important;clip-path:none!important;transform:none!important;filter:none!important}.product-context-shot img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;background:transparent!important;border-radius:0!important}.product-context-shot.product-boxshot{max-width:760px;margin-inline:auto}\n