/* appwt-phone-fit.css - AppWT 2026-10-30, H.A.N.K. for O.W.E.N., queue row 53 (RULE 8, no content past the right edge at 390).
   WHY: this clone is a static copy of the client's Duda site taken with a DESKTOP browser, so every device gets Duda's desktop
   variant (body.dmDesktopBody, .dmInner{min-width:768px!important}). Phones scrolled sideways 378px. Production sends phones a
   separate mobile variant (body.dmMobileBody, hamburger menu) that this clone does not have.
   HOW: linked from every page with media="(max-width:767px)", so 768px and wider are untouched. Each rule is either Duda's own
   .dmMobileBody rule applied by width (columns wrap, small-12 = 100%, m-size-N / m-font-size-N = N px, as production serves phones)
   or holds the header in ONE state: on phones it sits in normal flow (it was a fixed bar 391-510px tall over half the screen), so
   its scrolled-state resize would make content jump; the rest-state values below are the template's own (nav margin 18px auto 0,
   button margin 18px auto 10px, header padding 0, logo 100%). The slate rgb(52,67,77) is the header's own scrolled colour on home.
   v2 (same day): desktop per-column side padding (80-100px) squeezed headings to 150-190px and split words; phones now get
   Duda's own .dmMobileBody .dmRespRow .dmRespCol padding (15px each side) and 0 row side padding, as production measures at 390.
   NOT a blanket overflow-x:hidden: nothing is clipped, the layout fits. Bump ?v= in the <link> when this file changes. */
body#dmRoot .dmInner{min-width:0!important}
body#dmRoot #dm .hasStickyHeader .dmInner div.dmHeaderContainer,body#dmRoot #dm .dmInner div.dmHeaderContainer{min-width:0!important;position:relative!important}
body#dmRoot div#dm .header-over-content .dmInner .dmHeader:not(.scroll-responder_set){background-color:rgb(52,67,77)!important}
#dm .dmRespRow .dmRespColsWrapper{flex-wrap:wrap}
#dm .dmRespRow .dmRespCol.small-12,#dm .dmRespDesignRow .dmRespCol.small-12{width:100%!important;max-width:100%!important;flex:0 0 100%}
#dm .dmBody .dmRespCol>.dmNewParagraph{width:auto!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
#dm .m-font-size-13,#dm .m-size-13,#dm .m-size-13>font{font-size:13px!important}
#dm .m-font-size-14,#dm .m-size-14,#dm .m-size-14>font{font-size:14px!important}
#dm .m-font-size-16,#dm .m-size-16,#dm .m-size-16>font{font-size:16px!important}
#dm .m-font-size-18,#dm .m-size-18,#dm .m-size-18>font{font-size:18px!important}
#dm .m-font-size-19,#dm .m-size-19,#dm .m-size-19>font{font-size:19px!important}
#dm .m-font-size-24,#dm .m-size-24,#dm .m-size-24>font{font-size:24px!important}
#dm .m-font-size-28,#dm .m-size-28,#dm .m-size-28>font{font-size:28px!important}
#dm .m-font-size-29,#dm .m-size-29,#dm .m-size-29>font{font-size:29px!important}
#dm .m-font-size-30,#dm .m-size-30,#dm .m-size-30>font{font-size:30px!important}
#dm .m-font-size-32,#dm .m-size-32,#dm .m-size-32>font{font-size:32px!important}
#dm .m-font-size-36,#dm .m-size-36,#dm .m-size-36>font{font-size:36px!important}
body#dmRoot #dm .dmHeaderContainer [data-scrollable-target][has-secondary-image=true] .primary-image{display:inline-block!important}
body#dmRoot #dm .dmHeaderContainer [data-scrollable-target][has-secondary-image=true] .secondary-image{display:none!important}
body#dmRoot #dm .dmInner .fHeader #hcontainer.dmHeader.scroll-responder_set{padding:0!important}
body#dmRoot #dm .dmInner .dmHeader.scroll-responder_set [data-widget-type=image] img{width:100%!important}
body#dmRoot #dm .dmHeader.scroll-responder_set nav.u_1619685876{margin:18px auto 0!important}
body#dmRoot #dm .dmHeader.scroll-responder_set a.u_1237926802{margin:18px auto 10px!important}
body#dmRoot #dm .dmBody .dmRespRow{padding-left:0!important;padding-right:0!important}
body#dmRoot #dm .dmBody .dmRespRow:not(.collapse) .dmRespCol{padding-left:15px!important;padding-right:15px!important}