/* Editorial guide layout, scoped to the new library and samples pages. */
body.mdb-complete-site :is(.mdb-guide-library,.mdb-samples-library){display:block!important;width:100%;max-width:1320px!important;margin-inline:auto!important;padding:28px 20px 80px!important;background:#faf9f6;color:#444e60;box-sizing:border-box;}
.mdb-guide-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;line-height:1.6;margin-bottom:32px;color:#596579;}
.mdb-guide-breadcrumbs a{color:#444e60;}
.mdb-guide-heading{display:block!important;max-width:880px;margin:18px 0 42px;}
.mdb-guide-heading h1{font-size:clamp(32px,4vw,54px)!important;line-height:1.12!important;letter-spacing:-.035em;margin:12px 0 22px!important;color:#444e60!important;}
.mdb-guide-heading>p:not(.mdb-eyebrow){max-width:760px;font-size:17px;line-height:1.75;color:#596579!important;}
.mdb-guide-search{max-width:660px;margin:0 0 40px;}
.mdb-guide-search label{display:block;font-size:13px;font-weight:600;margin-bottom:10px;}
.mdb-guide-search>div{display:flex;gap:10px;}
.mdb-guide-search input{flex:1;min-width:0;width:auto!important;border:1px solid #aeb9bf!important;border-radius:4px;padding:14px 16px!important;background:#fff;color:#444e60;}
.mdb-guide-search .mdb-button{flex:none;}
.mdb-guide-hubs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;}
.mdb-guide-hubs>a{display:grid;grid-template-columns:1fr auto;gap:8px;padding:26px 0;border-top:1px solid #cbd2d3;color:#444e60!important;text-decoration:none!important;position:relative;}
.mdb-guide-hubs h2{grid-column:1;font-size:24px!important;line-height:1.25;margin:8px 0!important;color:inherit!important;}
.mdb-guide-hubs p{grid-column:1/3;line-height:1.65;font-size:14px;color:#596579;}
.mdb-guide-index{font-size:12px;letter-spacing:.08em;color:#277785;}
.mdb-guide-arrow{grid-column:2;grid-row:2;font-size:26px;}
.mdb-guide-hubs>a:hover{color:#17606a!important;border-color:#277785;}
.mdb-guide-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px;}
.mdb-guide-directory h2{font-size:21px!important;margin:0 0 16px!important;color:#444e60!important;}
.mdb-guide-directory ul{list-style:none;padding:0;margin:0;}
.mdb-guide-directory li{margin:0;}
.mdb-guide-directory a,.mdb-guide-related>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #dce1e0;color:#444e60!important;font-size:15px;line-height:1.5;text-decoration:none!important;}
.mdb-guide-directory a:hover,.mdb-guide-related>a:hover{color:#17606a!important;text-decoration:underline!important;text-underline-offset:4px;}
.mdb-guide-layout{display:grid!important;grid-template-columns:240px minmax(0,1fr);gap:56px!important;align-items:start!important;}
.mdb-guide-sidebar{position:sticky;top:calc(var(--mdb-header-bottom,116px) + 24px);max-height:calc(100vh - var(--mdb-header-bottom,116px) - 48px);overflow:auto;overscroll-behavior:contain;padding-right:10px;}
.mdb-guide-sidebar summary{font-size:13px;font-weight:700;cursor:pointer;padding:10px 0;}
.mdb-guide-sidebar ol{list-style:none;padding:0;margin:4px 0 24px;}
.mdb-guide-sidebar li{margin:0;}
.mdb-guide-sidebar li a{display:block;padding:7px 0;color:#596579;font-size:12px;line-height:1.5;}
.mdb-guide-reading{display:block!important;max-width:780px;min-width:0;}
.mdb-guide-step{display:block!important;padding:24px 0 30px!important;margin:0!important;border-bottom:1px solid #dce1e0;scroll-margin-top:calc(var(--mdb-header-bottom,116px) + 24px)!important;}
.mdb-guide-step h2{font-size:clamp(21px,2.3vw,29px)!important;line-height:1.3!important;margin:0 0 18px!important;color:#444e60!important;}
.mdb-guide-step p{font-size:16px!important;line-height:1.85!important;color:#596579!important;margin:0!important;}
.mdb-guide-illustration{display:block;width:100%;height:auto;max-width:780px;}
.mdb-guide-related{margin-top:40px;}
.mdb-guide-related h2{font-size:23px!important;margin:0 0 12px;}
.mdb-measure-families{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px!important;}
.mdb-measure-family{display:flex!important;flex-direction:column!important;background:#fff;border:1px solid #dce1e0;}
.mdb-measure-family>img{aspect-ratio:4/3;width:100%;object-fit:cover;}
.mdb-measure-family-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding:26px!important;gap:16px!important;}
.mdb-measure-family h2{font-size:25px!important;margin:0 0 8px!important;}
.mdb-measure-family a{font-size:14px;line-height:1.5;}
.mdb-guide-help{display:flex!important;flex-wrap:wrap;gap:24px!important;align-items:center!important;border-top:1px solid #cbd2d3;margin-top:50px;padding-top:30px!important;}
.mdb-guide-help h2{font-size:24px!important;margin:0 auto 0 0!important;}
.mdb-sample-steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px!important;border-block:1px solid #cbd2d3;padding:26px 0!important;margin-bottom:38px;}
.mdb-sample-steps article{display:block!important;}
.mdb-sample-steps span{font-size:12px;color:#277785;}
.mdb-sample-steps h2{font-size:21px!important;margin:12px 0!important;}
.mdb-sample-steps p{font-size:14px;line-height:1.65;color:#596579;}
.mdb-samples-library>.mdb-section,.mdb-samples-library .mdb-native-placeholder>.mdb-section{padding-inline:0!important;}
.mdb-samples-library .mdb-sample-filter{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0;}
.mdb-samples-library .mdb-sample-filter select{flex:1;min-width:150px;max-width:360px;}
@media(max-width:1000px){.mdb-guide-hubs{grid-template-columns:repeat(2,minmax(0,1fr));}.mdb-guide-layout{grid-template-columns:190px minmax(0,1fr);gap:30px!important;}.mdb-measure-family-copy{padding:20px!important;}}
@media(max-width:720px){.mdb-guide-layout{display:block!important;}.mdb-guide-sidebar{position:static;max-height:none;padding:0 0 24px;}.mdb-guide-sidebar details{border-block:1px solid #cbd2d3;max-height:220px;overflow:auto;}.mdb-guide-directory{grid-template-columns:1fr;gap:32px;}.mdb-measure-families{grid-template-columns:1fr;}.mdb-measure-family{display:grid!important;grid-template-columns:36% minmax(0,1fr);}.mdb-measure-family>img{height:100%;aspect-ratio:auto;}.mdb-sample-steps{grid-template-columns:1fr;gap:20px!important;}.mdb-sample-steps article{padding-left:40px;position:relative;}.mdb-sample-steps span{position:absolute;left:0;top:4px;}.mdb-sample-steps h2{margin-top:0!important;}}
@media(max-width:420px){.mdb-guide-hubs{grid-template-columns:1fr;}.mdb-guide-search .mdb-button{padding-inline:14px!important;}.mdb-measure-family{display:block!important;}.mdb-measure-family>img{aspect-ratio:16/9;height:auto;}}

/* Override the older Elementor full-bleed reset only for these reading pages. */
body.mdb-complete-site .mdb-elementor-document .e-con.mdb-main:is(.mdb-guide-library,.mdb-samples-library).mdb-original-layout-yes{display:block!important;width:100%!important;max-width:1320px!important;margin-inline:auto!important;padding:28px 20px 80px!important;}
.mdb-measure-toc{padding:22px 24px;background:#edf3f2;margin-bottom:32px;max-width:780px;}
.mdb-measure-toc ul{columns:2;column-gap:32px;padding-left:18px;margin-bottom:0;}
.mdb-measure-toc li{break-inside:avoid;margin:8px 0;font-size:13px;line-height:1.55;}
.mdb-measure-toc a{color:#444e60;}
@media(max-width:600px){.mdb-measure-toc ul{columns:1;}}

@media(min-width:900px){body.mdb-complete-site :is(.mdb-guide-library,.mdb-samples-library),body.mdb-complete-site .mdb-elementor-document .e-con.mdb-main:is(.mdb-guide-library,.mdb-samples-library).mdb-original-layout-yes{padding-inline:48px!important;}}
@media(min-width:1200px){body.mdb-complete-site :is(.mdb-guide-library,.mdb-samples-library),body.mdb-complete-site .mdb-elementor-document .e-con.mdb-main:is(.mdb-guide-library,.mdb-samples-library).mdb-original-layout-yes{padding-inline:64px!important;}}

/* Source-mapped illustrations and complete measuring articles. */
.mdb-guide-step p+p,.mdb-measure-substep p+p{margin-top:16px!important;}
.mdb-guide-image-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px!important;margin:26px 0 4px!important;align-items:center!important;}
.mdb-guide-image-grid:has(> :only-child){grid-template-columns:minmax(0,1fr);}
.mdb-guide-image-grid>*,.mdb-guide-image-grid .elementor-widget-container{min-width:0;width:100%;}
.mdb-guide-library .mdb-guide-illustration{width:100%!important;height:auto!important;max-height:580px;object-fit:contain;display:block;margin:24px auto;}
.mdb-guide-image-grid .mdb-guide-illustration{margin:0 auto;}
.mdb-measure-substep{display:block!important;margin:28px 0!important;min-width:0;}
.mdb-guide-library .mdb-measure-substep h3{font-size:21px!important;line-height:1.4!important;color:#444e60!important;margin:0 0 14px!important;}
.mdb-guide-topic-links{display:flex!important;flex-wrap:wrap;gap:16px 26px!important;margin:24px 0 4px!important;}
.mdb-guide-library a:focus-visible{outline:2px solid #277785;outline-offset:4px;}
@media(max-width:600px){.mdb-guide-image-grid{grid-template-columns:minmax(0,1fr);gap:20px!important;}.mdb-guide-library .mdb-guide-illustration{max-height:none;}.mdb-measure-substep{margin:24px 0!important;}}