/* Shared native layout hotfix. Scoped to explicit native pages, after theme CSS. */
.native-page.container{box-sizing:border-box;width:min(1200px,calc(100% - 48px));max-width:none;margin-inline:auto;padding:28px 0 64px}
.native-page .breadcrumb{margin:0 0 28px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.native-page .native-hero{display:grid;gap:40px;padding:0 0 44px;align-items:center}
.native-page .native-hero.has-image{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.native-page .native-hero.has-image>figure{grid-column:2;grid-row:1;min-width:0;margin:0}
.native-page .native-hero.has-image>div{grid-column:1;grid-row:1;min-width:0}
.native-page .native-hero h1{font-size:clamp(30px,3vw,44px);line-height:1.15;margin:0 0 20px;word-break:normal;overflow-wrap:break-word}
.native-page .native-intro{font-size:18px;line-height:1.65;margin:0 0 24px}
.native-page .native-hero figure img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain;background:#f5f5f2}
.native-page .native-hero figcaption{font-size:12px;line-height:1.5;color:#60615d;margin-top:10px}
.native-page .native-reading{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;max-width:850px;margin-inline:auto;align-items:start}
.native-page .native-reading.has-toc{grid-template-columns:190px minmax(0,1fr);max-width:none;gap:44px}
.native-page .native-toc{box-sizing:border-box;position:sticky;top:112px;padding:16px;background:#fafaf7;border:1px solid #e2e2dc;font-size:13px;line-height:1.5;min-width:0}
.native-page .native-toc summary{font-size:14px;font-weight:700;cursor:pointer;min-height:28px}
.native-page .native-toc nav{max-height:calc(100vh - 190px);overflow:auto}
.native-page .native-toc ol{padding-left:18px;margin:12px 0 0}
.native-page .native-toc a{display:inline-block;padding:5px 0;text-underline-offset:3px;overflow-wrap:anywhere}
.native-page .native-prose{font-size:17px;line-height:1.8;min-width:0;overflow-wrap:break-word}
.native-page .native-prose>p:first-child{margin-top:0;font-size:18px}
.native-page .native-prose h2{font-size:27px;line-height:1.3;margin:36px 0 16px;scroll-margin-top:110px}
.native-page .native-prose h3{font-size:21px;line-height:1.4}
.native-page .native-prose figure{margin:26px 0}
.native-page .native-prose figure img{max-width:100%;height:auto}
.native-page .native-prose .b2b-editorial-figure img{max-height:500px;object-fit:contain}
.native-page .native-prose table{display:table;width:100%;table-layout:auto;font-size:14px;line-height:1.6}
.native-page .native-prose th,.native-page .native-prose td{overflow-wrap:anywhere;padding:12px}
.native-page .b2b-product-reference{gap:18px}
.native-page .b2b-product-reference img{max-height:300px;object-fit:contain}
.native-page>section,.native-page>aside{margin-top:36px;border-top:1px solid #e2e2dc;padding-top:28px}
@media(max-width:960px){.native-page .native-reading.has-toc{grid-template-columns:minmax(0,1fr);gap:24px}.native-page .native-toc{position:static;padding:12px 16px}.native-page .native-toc nav{max-height:150px}.native-page .native-hero{gap:28px}.native-page .native-prose table{display:block;max-width:100%;overflow-x:auto}}
@media(max-width:640px){.native-page.container{width:calc(100% - 32px);padding-top:22px}.native-page .native-hero.has-image{grid-template-columns:minmax(0,1fr)}.native-page .native-hero.has-image>div{grid-column:1;grid-row:1}.native-page .native-hero.has-image>figure{grid-column:1;grid-row:2}.native-page .native-hero{padding-bottom:28px;gap:22px}.native-page .native-hero h1{font-size:31px}.native-page .native-intro{font-size:17px}.native-page .native-hero figure img{max-height:300px}.native-page .native-prose h2{font-size:24px}.native-page .b2b-product-reference{grid-template-columns:minmax(0,1fr)}}