/* DCME public pages only: fluid width and responsive layout. 2026-09-27.
   Additive stylesheet. No shared/private application stylesheet is replaced. */
:root{--dcme-page-gutter:clamp(12px,1.65vw,32px)}
html{width:100%;min-width:0;scroll-padding-top:100px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;min-width:0;margin:0}
*,*::before,*::after{box-sizing:border-box}
.wrap,.container,.nav-container,.navbar-inner,.hero-content{width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:var(--dcme-page-gutter)!important}
.wrap .wrap,.container .container{padding-inline:0!important}
main,section,article,aside,header,footer,nav,form,fieldset{min-width:0}
main *,section *,article *,aside *,header *,footer *,nav *,form *{min-width:0}
p,li,h1,h2,h3,h4,h5,h6,label,button,a,.badge,.tag,.eyebrow,.kicker{overflow-wrap:anywhere}
img,svg,video,canvas,iframe,embed,object{max-width:100%}
img,video{height:auto}
iframe[src*="youtube"],iframe[src*="vimeo"]{width:100%;height:auto;aspect-ratio:16/9}
input,select,textarea,button{max-width:100%;font-family:inherit}
input[type="checkbox"],input[type="radio"]{flex-shrink:0}
button,.btn,.mini-btn,.navlink,.pricing-btn,.claimBtn{white-space:normal;line-height:1.35}
.btn,.mini-btn,.navlink,.pricing-btn,.claimBtn{min-height:44px;padding-block:10px;max-width:100%;text-align:center}
.brand,.logo{flex-shrink:0}.brand{min-width:0;max-width:100%;flex-shrink:1}
.brand>div,.brand>span{min-width:0}.brand .logo{flex-shrink:0}
.dcme-table-scroll{display:block;max-width:100%;width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin-block:1rem}
.dcme-table-scroll>table{width:100%;margin-block:0}
pre{max-width:100%;overflow-x:auto}
.dcme-nav-toggle{display:none;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:66px;margin-left:auto;padding:10px 14px;border:1px solid #c6d9eb;border-radius:12px;background:#fff;color:#0753b1;font-family:inherit;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer}
.dcme-nav-toggle::before{content:'☰';font-size:20px;line-height:1}
.dcme-nav-toggle[aria-expanded="true"]::before{content:'×';font-size:24px}
.dcme-nav-links{min-width:0}
.dcme-nav-links a,.dcme-nav-links button{min-height:44px;display:inline-flex;align-items:center}
.dcme-nav-ready{position:relative;flex-wrap:wrap}
@media(max-width:1280px){
 .dcme-nav-ready>.dcme-nav-toggle{display:inline-flex}
 .dcme-nav-ready>.dcme-nav-links{display:none!important;order:3;flex-basis:100%;width:100%;margin:0!important;gap:8px;padding-block:10px;max-height:65vh;max-height:65dvh;overflow-y:auto;flex-wrap:wrap;justify-content:flex-start}
 .dcme-nav-ready.dcme-nav-open>.dcme-nav-links{display:flex!important}
 .dcme-nav-ready>.dcme-nav-links a,.dcme-nav-ready>.dcme-nav-links button{padding:10px 12px}
}
@media(min-width:1281px){.dcme-nav-ready>.dcme-nav-links{display:flex!important}}
@media(max-width:767px){
 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea{font-size:16px!important}
 .btn,.mini-btn,.navlink,.pricing-btn{height:auto}
 .badge,.tag,.eyebrow,.kicker{max-width:100%;white-space:normal}
 .dcme-table-scroll>table{min-width:580px}
 .dcme-nav-ready>.dcme-nav-links{flex-direction:column;align-items:stretch}
 .dcme-nav-ready>.dcme-nav-links a,.dcme-nav-ready>.dcme-nav-links button{justify-content:flex-start;width:100%}
 .dcme-private-contact__card{max-width:calc(100vw - 24px);max-height:85vh;max-height:85dvh;overflow-y:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.dcme-nav-toggle{transition:none}}
@media print{.dcme-nav-toggle{display:none!important}.dcme-table-scroll{overflow:visible}.wrap,.container{padding-inline:0!important}.dcme-table-scroll>table{min-width:0}}

/* Public Knowledge Centre and articles; no subscriber workspace selectors. */
nav.nav{position:sticky;top:0;left:0;right:0;height:auto;min-height:76px;display:block}
.nav-inner{min-height:76px;height:auto;gap:18px;padding-block:12px}
.nav .links,.nav .nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.nav .brand b{font-size:clamp(19px,2vw,25px)}.nav .brand span{letter-spacing:.08em;overflow-wrap:anywhere}.logo{flex:0 0 48px;width:48px;height:48px}
.hero{padding:clamp(30px,4vw,68px) 0}
.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(18px,2.5vw,46px)}
h1,.hero h1{font-size:clamp(34px,4.6vw,88px);line-height:1.03;letter-spacing:-.035em;max-width:24ch}
.head,.cat-head{max-width:none}.head p,.cat-head p,.lead,.hero p{max-width:85ch}
.head h2,.cat-head h2{font-size:clamp(30px,3.5vw,68px);line-height:1.08}
.hero-panel,.panel,.card,.check,.related{padding:clamp(18px,2vw,30px)}
.category{padding:clamp(18px,2.2vw,36px)}
.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.module-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.featured .module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.cat-head{grid-template-columns:minmax(0,1fr) auto}.tag{white-space:normal}
.cta,.band{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);padding:clamp(20px,3vw,46px)}
.cta h2,.band h2{font-size:clamp(32px,4vw,64px);line-height:1.08}
@media(max-width:1100px){.hero-grid,.cta,.band{grid-template-columns:minmax(0,1fr)}.hero h1{max-width:30ch}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
 .hero h1,h1{font-size:clamp(32px,8.3vw,54px)}.hero p,.lead,.head p{font-size:17px}
 .grid,.module-grid,.featured .module-grid,.quick-grid,.related-grid,.check ul,.cat-head{grid-template-columns:minmax(0,1fr)}
 .section{padding:36px 0}.hero-panel h2,.panel h2,.band-box h3{font-size:28px}
 .category,.hero-panel,.panel,.card,.cta,.band,.band-box{border-radius:22px}
 .nav .brand{gap:10px}.nav .brand span{font-size:9px}
 .badge{font-size:10px;letter-spacing:.1em}.badge::before{flex-shrink:0}
}