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

/* Existing marketing pages: fluid outer containers and safe content grids. */
.pricing-section,.footer-grid,.footer-bottom{max-width:none!important;width:100%}
.pricing-section{padding-inline:var(--dcme-page-gutter)!important}
.hero-content,.page-hero{max-width:none!important}.hero-content h1,.page-hero h1{font-size:clamp(32px,4vw,64px);line-height:1.1}
.hero-content p{max-width:85ch;margin-inline:auto}.hero{padding-block:clamp(38px,4vw,70px)}
.container{padding-block:0}
.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,64px)}
.blog-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.systems-grid,.websites-grid,.articles-grid,.posts-grid,.categories-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.metrics-grid,.datatypes-grid,.support-grid,.process-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.pricing-grid,.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.pricing-card.featured,.pricing-card.popular{transform:none}
.faq-grid,.cookies-content,.terms-content,.content{max-width:none}
.cookie-table{table-layout:auto;max-width:100%}.cookie-table th,.cookie-table td{overflow-wrap:anywhere}
.footer-grid{grid-template-columns:minmax(0,2fr) repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,40px)}
.footer-bottom,.footer-links,.subscribe-form{flex-wrap:wrap}
.subscribe-form input{min-width:0;flex:1 1 220px}.subscribe-form button{flex:0 1 auto}
.system-header,.system-info,.incident-header,.metric-card{min-width:0;max-width:100%}
.status-badge,.system-status{max-width:100%;white-space:normal}
.chat-widget{right:16px;bottom:16px}.chat-container{width:min(380px,calc(100vw - 32px))!important;max-height:min(500px,75vh)}
/* These older pages have bare navigation/footer utility classes without a framework. */
body>nav.hidden{display:flex;flex-wrap:wrap;gap:10px;padding:14px var(--dcme-page-gutter);width:100%;align-items:center;background:#fff}
body>nav.hidden a{padding:10px 12px;min-height:44px;display:inline-flex;align-items:center;color:#173453}
body>nav.hidden+div.flex{display:flex;gap:10px;flex-wrap:wrap;padding:0 var(--dcme-page-gutter) 14px}
.navbar-inner{flex-wrap:wrap;gap:16px}.navbar-menu,.navbar-links,.nav-links,.nav-buttons{max-width:100%;flex-wrap:wrap;gap:12px}
.dcme-public-marketing-header{width:100%;background:#fff;border-bottom:1px solid #d8e6f3}
.dcme-public-marketing-header>.dcme-nav-ready{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px var(--dcme-page-gutter);gap:12px}
.dcme-public-marketing-header nav{display:flex;flex-wrap:wrap;gap:8px}
.dcme-public-marketing-header nav a{padding:10px 12px;font-weight:650;color:#173453}
.dcme-public-marketing-header .dcme-public-account-links{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.dcme-public-marketing-header .dcme-public-account-links a,.dcme-public-marketing-header .dcme-public-account-links button{min-height:44px;display:inline-flex;align-items:center;padding:10px 12px;max-width:100%;white-space:normal}
footer.bg-gray-900{padding:40px var(--dcme-page-gutter) 24px}
footer.bg-gray-900>.max-w-7xl{width:100%;max-width:none!important;margin:0!important;padding:0!important}
footer.bg-gray-900>.max-w-7xl>.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
footer.bg-gray-900 .flex{display:flex;flex-wrap:wrap;gap:12px}
footer.bg-gray-900 ul{padding:0;list-style:none}footer.bg-gray-900 li{padding-block:5px}
@media(max-width:1100px){.contact-grid,.blog-grid{grid-template-columns:minmax(0,1fr)}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-grid,.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
 .hero-content{padding-inline:var(--dcme-page-gutter)}.form-row,.pricing-grid,.module-grid,.sidebar,.footer-grid{grid-template-columns:minmax(0,1fr)}
 .contact-form-container,.sidebar-card,.cookie-section,.terms-section{padding:20px}
 .footer-bottom{gap:14px}.subscribe-form{flex-direction:column}.subscribe-form input,.subscribe-form button{flex:auto;width:100%}
 footer.bg-gray-900>.max-w-7xl>.grid{grid-template-columns:minmax(0,1fr)}
 .system-header,.incident-header{flex-wrap:wrap;gap:10px}
 .chat-header{padding:16px}.chat-container{max-height:70vh}
 .navbar-links,.nav-links,.nav-buttons{display:flex;flex-wrap:wrap}
}

.dcme-public-account-links a.bg-blue-600{color:#fff!important;border-radius:12px;text-decoration:none}

/* Replace the existing unbound pricing-page hamburger with the accessible menu. */
.navbar-inner>.nav-menu{display:flex;flex-wrap:wrap;gap:12px;max-width:100%;list-style:none;padding:0;margin:0}
.navbar-inner.dcme-nav-ready>.mobile-toggle{display:none!important}