/* ======================================================================
   ThePixelHero – MOBILE QUERFORMAT ONLY · FINAL V1
   Touch phones in landscape only. Portrait/mobile + desktop untouched.
   Target: coarse/no-hover, 601–950 CSS px wide, <=600px high.
   ====================================================================== */
@media (pointer:coarse) and (hover:none) and (orientation:landscape) and (min-width:601px) and (max-width:950px) and (max-height:600px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:clip!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  *,*::before,*::after{box-sizing:border-box;min-width:0}
  img,video,canvas,iframe,picture{max-width:100%!important}
  a,button,summary,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:rgba(190,83,54,.12)}

  /* ---------- SAME MOBILE HEADER/NAV AS PORTRAIT ---------- */
  html body > .tph-site-header,
  html body > header.tph-site-header{
    position:sticky!important;top:0!important;left:0!important;right:0!important;
    z-index:12000!important;width:100%!important;max-width:100%!important;
    padding:6px 8px 0!important;margin:0!important;background:transparent!important;
    border:0!important;box-shadow:none!important;isolation:isolate!important;
  }
  html body > .tph-site-header .tph-header-inner{
    display:block!important;width:100%!important;max-width:none!important;
    margin:0!important;padding:8px 12px!important;border-radius:18px!important;
    background:rgba(255,251,245,.96)!important;
    border:1px solid rgba(126,88,46,.13)!important;
    box-shadow:0 10px 28px rgba(66,43,20,.11)!important;
    -webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;
  }
  html body > .tph-site-header .tph-mobile-row{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    width:100%!important;gap:14px!important;margin:0!important;padding:0!important;
  }
  html body > .tph-site-header:not(.tph-compact) .tph-header-inner .tph-mobile-row > a.tph-header-logo,
  html body > .tph-site-header.tph-compact .tph-header-inner .tph-mobile-row > a.tph-header-logo,
  html body > .tph-site-header .tph-header-inner .tph-mobile-row > a.tph-header-logo{
    display:block!important;width:min(250px,48vw)!important;max-width:250px!important;min-width:0!important;
    height:auto!important;aspect-ratio:2048 / 604!important;margin:0!important;padding:0!important;flex:0 1 auto!important;
  }
  html body > .tph-site-header .tph-header-logo img{
    display:block!important;width:100%!important;height:auto!important;max-height:54px!important;
    object-fit:contain!important;object-position:left center!important;
  }
  html body > .tph-site-header .tph-nav-wrap{display:none!important}
  html body > header.tph-site-header.tph-site-header .tph-nav-wrap{display:none!important}
  html body > .tph-site-header .tph-mobile-menu{
    display:block!important;position:relative!important;z-index:12020!important;flex:0 0 auto!important;
  }
  html body > header.tph-site-header.tph-site-header .tph-mobile-menu{display:block!important;}
  html body > .tph-site-header .tph-mobile-menu > summary{
    display:grid!important;place-items:center!important;width:46px!important;height:46px!important;
    min-width:46px!important;min-height:46px!important;margin:0!important;padding:0!important;
    border:1px solid rgba(92,63,40,.14)!important;border-radius:15px!important;
    background:rgba(255,253,250,.985)!important;box-shadow:0 8px 22px rgba(54,36,19,.09)!important;
    list-style:none!important;cursor:pointer!important;
  }
  html body > .tph-site-header .tph-mobile-menu > summary::-webkit-details-marker{display:none!important}
  html body > .tph-site-header .tph-menu-lines,
  html body > .tph-site-header .tph-menu-lines::before,
  html body > .tph-site-header .tph-menu-lines::after{
    display:block!important;width:21px!important;height:2px!important;border-radius:999px!important;
    background:#211a16!important;position:relative!important;
  }
  html body > .tph-site-header .tph-menu-lines::before,
  html body > .tph-site-header .tph-menu-lines::after{content:""!important;position:absolute!important;left:0!important}
  html body > .tph-site-header .tph-menu-lines::before{top:-6px!important}
  html body > .tph-site-header .tph-menu-lines::after{top:6px!important}
  html body > .tph-site-header .tph-mobile-menu[open] .tph-menu-lines{background:transparent!important}
  html body > .tph-site-header .tph-mobile-menu[open] .tph-menu-lines::before{top:0!important;transform:rotate(45deg)!important}
  html body > .tph-site-header .tph-mobile-menu[open] .tph-menu-lines::after{top:0!important;transform:rotate(-45deg)!important}

  html body > .tph-site-header .tph-mobile-menu[open]::before{
    content:""!important;position:fixed!important;left:0!important;right:0!important;top:70px!important;bottom:0!important;
    z-index:12010!important;background:rgba(38,27,19,.14)!important;
    -webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;pointer-events:none!important;
  }
  html body > .tph-site-header .tph-mobile-panel,
  html body > .tph-site-header .tph-mobile-links{
    position:fixed!important;left:auto!important;right:10px!important;top:74px!important;
    z-index:12030!important;width:min(360px,calc(100vw - 20px))!important;max-width:none!important;
    max-height:calc(100dvh - 84px)!important;margin:0!important;padding:10px!important;
    display:block!important;overflow-x:hidden!important;overflow-y:auto!important;
    overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
    border:1px solid rgba(92,65,43,.12)!important;border-radius:21px!important;
    background:linear-gradient(145deg,rgba(255,253,250,.994),rgba(253,247,241,.988))!important;
    box-shadow:0 26px 62px rgba(47,31,17,.22),0 5px 18px rgba(47,31,17,.08)!important;
    -webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;
  }
  html body > .tph-site-header .tph-mobile-panel > a,
  html body > .tph-site-header .tph-mobile-links > a{
    position:relative!important;display:flex!important;align-items:center!important;width:100%!important;
    min-height:43px!important;margin:0!important;padding:0 38px 0 12px!important;border:0!important;
    border-radius:13px!important;background:transparent!important;box-shadow:none!important;
    color:#241d18!important;font-size:.86rem!important;line-height:1.12!important;font-weight:720!important;
  }
  html body > .tph-site-header .tph-mobile-panel > a:not(.tph-mobile-sub):not(.tph-mobile-cta)::after,
  html body > .tph-site-header .tph-mobile-links > a:not(.tph-mobile-sub):not(.tph-mobile-cta)::after{
    content:"›"!important;position:absolute!important;right:12px!important;top:50%!important;
    transform:translateY(-53%)!important;color:#9e8d80!important;font-size:1.18rem!important;line-height:1!important;
  }
  html body > .tph-site-header .tph-mobile-icon{
    width:21px!important;height:21px!important;flex:0 0 21px!important;display:grid!important;place-items:center!important;
    margin-right:11px!important;color:#2b241f!important;
  }
  html body > .tph-site-header .tph-mobile-icon svg{
    width:20px!important;height:20px!important;display:block!important;fill:none!important;stroke:currentColor!important;
    stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  }
  html body > .tph-site-header .tph-mobile-panel > a.tph-mobile-current,
  html body > .tph-site-header .tph-mobile-links > a.tph-mobile-current{
    color:#a13e2c!important;background:linear-gradient(100deg,rgba(244,214,202,.88),rgba(251,235,227,.78))!important;
    box-shadow:0 6px 18px rgba(157,68,45,.10),inset 0 0 0 1px rgba(181,80,53,.10)!important;font-weight:800!important;
  }
  html body > .tph-site-header a.tph-mobile-current .tph-mobile-icon{color:#b54d36!important}
  html body > .tph-site-header .tph-mobile-panel > a.tph-mobile-parent-current,
  html body > .tph-site-header .tph-mobile-links > a.tph-mobile-parent-current{color:#8e4939!important;font-weight:780!important}
  html body > .tph-site-header .tph-mobile-panel > a.tph-mobile-sub,
  html body > .tph-site-header .tph-mobile-links > a.tph-mobile-sub{
    min-height:37px!important;width:calc(100% - 31px)!important;margin:0 0 4px 31px!important;
    padding:0 31px 0 15px!important;border-radius:11px!important;background:rgba(255,255,255,.44)!important;
    color:#665a51!important;font-size:.76rem!important;font-weight:680!important;
  }
  html body > .tph-site-header .tph-mobile-panel > a.tph-mobile-sub::before,
  html body > .tph-site-header .tph-mobile-links > a.tph-mobile-sub::before{
    content:""!important;position:absolute!important;left:-14px!important;top:-12px!important;width:18px!important;height:30px!important;
    border-left:1px solid rgba(181,116,80,.28)!important;border-bottom:1px solid rgba(181,116,80,.28)!important;border-radius:0 0 0 7px!important;
  }
  html body > .tph-site-header .tph-mobile-panel > a.tph-mobile-sub::after,
  html body > .tph-site-header .tph-mobile-links > a.tph-mobile-sub::after{
    content:"›"!important;position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-53%)!important;
    color:#ae9e92!important;font-size:.95rem!important;line-height:1!important;
  }
  html body > .tph-site-header .tph-mobile-panel > a.tph-mobile-sub .tph-mobile-icon,
  html body > .tph-site-header .tph-mobile-links > a.tph-mobile-sub .tph-mobile-icon{
    width:17px!important;height:17px!important;flex-basis:17px!important;margin-right:8px!important;color:#a87b64!important;
  }
  html body > .tph-site-header .tph-mobile-panel > a.tph-mobile-sub .tph-mobile-icon svg,
  html body > .tph-site-header .tph-mobile-links > a.tph-mobile-sub .tph-mobile-icon svg{width:16px!important;height:16px!important}
  html body > .tph-site-header .tph-mobile-panel > a.tph-mobile-cta,
  html body > .tph-site-header .tph-mobile-links > a.tph-mobile-cta{
    justify-content:center!important;min-height:46px!important;margin:8px 2px 1px!important;padding:0 16px!important;
    border:1px solid rgba(135,54,36,.08)!important;border-radius:15px!important;
    background:linear-gradient(115deg,#d4654b,#bd4f38 55%,#aa402d)!important;color:#fff!important;
    box-shadow:0 10px 24px rgba(154,62,39,.20)!important;font-size:.86rem!important;font-weight:820!important;
  }
  html body > .tph-site-header .tph-mobile-panel > a.tph-mobile-cta::after,
  html body > .tph-site-header .tph-mobile-links > a.tph-mobile-cta::after{display:none!important;content:none!important}
  html body > .tph-site-header .tph-mobile-panel > a.tph-mobile-cta .tph-mobile-icon,
  html body > .tph-site-header .tph-mobile-links > a.tph-mobile-cta .tph-mobile-icon{color:#fff!important;margin-right:8px!important}

  /* Grafikdesign / Webdesign use the already-approved premium row markup. */
  html body > .tph-site-header .tph-mobile-panel .tph-mobile-nav-row{
    display:grid!important;grid-template-columns:28px minmax(0,1fr) 18px!important;align-items:center!important;
    gap:10px!important;min-height:43px!important;width:100%!important;margin:0 0 4px!important;
    padding:7px 10px!important;border:1px solid transparent!important;border-radius:14px!important;
    background:transparent!important;color:#231f1c!important;font-size:14px!important;font-weight:800!important;
    line-height:1.15!important;text-decoration:none!important;box-shadow:none!important;
  }
  html body > .tph-site-header .tph-mobile-panel .tph-mobile-nav-row.active{
    color:#a94431!important;background:linear-gradient(90deg,rgba(249,221,209,.80),rgba(255,240,231,.72))!important;
    border-color:#efc8b7!important;box-shadow:0 6px 16px rgba(185,91,60,.08),inset 0 0 0 1px rgba(255,255,255,.42)!important;
  }
  html body > .tph-site-header .tph-mobile-panel .tph-mobile-nav-row .tph-nav-icon{
    width:24px!important;height:24px!important;display:grid!important;place-items:center!important;color:currentColor!important;
  }
  html body > .tph-site-header .tph-mobile-panel .tph-mobile-nav-row .tph-nav-icon svg{
    width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;
    stroke-linecap:round!important;stroke-linejoin:round!important;
  }
  html body > .tph-site-header .tph-mobile-panel .tph-mobile-nav-row .tph-nav-label{min-width:0!important}
  html body > .tph-site-header .tph-mobile-panel .tph-mobile-nav-row .tph-nav-chevron{
    justify-self:end!important;color:#a89382!important;font-size:27px!important;font-weight:500!important;line-height:1!important;
  }
  html body > .tph-site-header .tph-mobile-panel .tph-mobile-nav-group{position:relative!important;margin:0 0 4px!important}
  html body > .tph-site-header .tph-mobile-panel .tph-mobile-sub{
    width:calc(100% - 28px)!important;min-height:36px!important;margin:2px 0 6px 28px!important;
    padding:6px 8px 6px 28px!important;grid-template-columns:22px minmax(0,1fr) 17px!important;
    border:0!important;border-radius:12px!important;background:rgba(255,255,255,.62)!important;
    color:#6e625b!important;font-size:12px!important;font-weight:750!important;box-shadow:none!important;
  }
  html body > .tph-site-header .tph-mobile-panel .tph-mobile-sub::before{
    content:""!important;position:absolute!important;left:-14px!important;top:-13px!important;width:22px!important;height:30px!important;
    border-left:1px solid #edcdbd!important;border-bottom:1px solid #edcdbd!important;border-radius:0 0 0 8px!important;
  }
  html body > .tph-site-header .tph-mobile-panel .tph-mobile-sub .tph-nav-icon{width:19px!important;height:19px!important;color:#b78167!important}
  html body > .tph-site-header .tph-mobile-panel .tph-mobile-sub .tph-nav-icon svg{width:17px!important;height:17px!important}
  html body > .tph-site-header .tph-mobile-panel .tph-mobile-nav-request{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
    min-height:46px!important;margin:8px 2px 1px!important;padding:0 15px!important;border:1px solid rgba(135,54,36,.08)!important;
    border-radius:15px!important;background:linear-gradient(115deg,#d4654b,#bd4f38 55%,#aa402d)!important;
    color:#fff!important;box-shadow:0 10px 24px rgba(154,62,39,.20)!important;font-size:14px!important;font-weight:820!important;
  }
  html body > .tph-site-header .tph-mobile-panel .tph-mobile-nav-request .tph-nav-icon{width:23px!important;height:23px!important;color:#fff!important}
  html body > .tph-site-header .tph-mobile-panel .tph-mobile-nav-request .tph-nav-icon svg{width:22px!important;height:22px!important}

  /* ---------- LANDSCAPE CONTENT: PORTRAIT LOOK, SHORTER GEOMETRY ---------- */
  .wrap,.legal-wrap{width:min(100% - 28px,1180px)!important;max-width:calc(100% - 28px)!important;margin-inline:auto!important}
  section{padding-top:44px!important;padding-bottom:44px!important}
  .section{padding-top:44px!important;padding-bottom:44px!important}
  .section-head{grid-template-columns:1fr 1fr!important;gap:26px!important;margin-bottom:24px!important}
  .section-head h2{font-size:clamp(2rem,5.2vw,3.2rem)!important;line-height:.95!important;margin-bottom:12px!important}
  .lead,.muted{font-size:.94rem!important;line-height:1.45!important}

  /* common hero family */
  .hero{display:grid!important;min-height:340px!important;height:auto!important}
  .hero-content{padding:34px 0 20px!important;max-width:680px!important}
  .hero h1{font-size:clamp(36px,5.6vw,50px)!important;line-height:.9!important;margin:8px 0 10px!important}
  .hero p{font-size:14px!important;line-height:1.4!important;max-width:50ch!important}
  .hero-actions{display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin-top:18px!important;justify-content:flex-start!important}
  .hero-actions .btn,.btn{min-height:46px!important;width:auto!important;min-width:0!important;padding:0 17px!important;font-size:13px!important}

  /* Wedding hero: reuse the already-approved mobile quick-access cluster. */
  .hero .hero-actions{display:none!important}
  .hero-mobile-nav-v11{display:block!important;width:min(100%,480px)!important;height:140px!important;margin:4px auto 0!important}
  .hero-v11-orbit{height:115px!important}
  .hero-v11-circle{width:62px!important;height:62px!important;gap:3px!important;padding:6px 5px!important}
  .hero-v11-gallery{width:68px!important;height:68px!important}
  .hero-v11-packages{left:78px!important;top:54px!important}
  .hero-v11-fotobox{right:78px!important;top:54px!important}
  .hero-v11-icon{width:20px!important;height:20px!important}.hero-v11-icon svg{width:19px!important;height:19px!important}
  .hero-v11-circle strong{font-size:8px!important}
  .hero-v11-hub{left:62px!important;right:62px!important;bottom:0!important;min-height:42px!important;grid-template-columns:30px 1fr 30px!important;padding:4px 7px!important}
  .hero-v11-hub-icon{width:24px!important;height:24px!important}.hero-v11-hub-icon svg{width:17px!important;height:17px!important}
  .hero-v11-hub strong{font-size:10px!important}.hero-v11-hub-arrow{width:25px!important;height:25px!important;font-size:20px!important}

  /* Home: use the same swipe presentation as portrait instead of desktop hero. */
  #tph-home-swipe-v18{display:block!important;width:100%!important;overflow:hidden!important;padding:18px 0 22px!important}
  body:has(#tph-home-swipe-v18) > section.hero,
  body:has(#tph-home-swipe-v18) > main > section.hero,
  body:has(#tph-home-swipe-v18) > section.services,
  body:has(#tph-home-swipe-v18) > main > section.services,
  body:has(#tph-home-swipe-v18) .tph-v17-old-home-area{display:none!important}
  #tph-home-swipe-v18 .tph-v18-intro{width:min(100% - 28px,680px)!important;margin:0 auto 8px!important}
  #tph-home-swipe-v18 .tph-v18-kicker{font-size:.56rem!important;margin-bottom:4px!important}
  #tph-home-swipe-v18 h2{font-size:clamp(1.55rem,5.4vw,2.15rem)!important;line-height:1!important}
  #tph-home-swipe-v18 .tph-v18-hint{margin:7px auto 0!important;max-width:520px!important;font-size:.78rem!important;line-height:1.35!important}
  #tph-home-swipe-v18 .tph-v18-mini{margin:8px -2px 0!important;padding-bottom:2px!important}
  #tph-home-swipe-v18 .tph-v18-mini span{padding:5px 8px!important;font-size:.52rem!important}
  #tph-home-swipe-v18 .tph-v18-track{grid-auto-columns:min(25vw,220px)!important;gap:10px!important;padding:4px max(12px,calc((100vw - min(25vw,220px))/2)) 8px!important}
  #tph-home-swipe-v18 .tph-v18-card{border-radius:20px!important;box-shadow:0 14px 32px rgba(49,35,22,.15)!important}
  #tph-home-swipe-v18 .tph-v18-navhint{font-size:.56rem!important;margin-top:0!important}
  #tph-home-swipe-v18 .tph-v18-dot{width:5px!important;height:5px!important}.tph-v18-dot.is-active{width:15px!important}

  /* common grids: use the extra width to reduce vertical scrolling */
  .benefit-grid,.feature-grid,.moment-grid,.steps,.tasks,.extras-body,.package-grid,.card-sample-grid,.card-feature-row,
  .gallery-row,.gp-features,.gp-choices,.gp-grid,.contact-grid,.fields,.hub-form-fields,.request-grid,
  .qrpro-grid,.qrpro-packagebar,.hub-v10-steps,.hub-v10-trustgrid,.hub-v10-faqgrid,
  .demo-grid,.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .package{padding:18px!important}.package h3{font-size:27px!important}.package ul{font-size:13px!important;line-height:1.45!important}
  .extras-body{padding:0 16px 18px!important}

  /* Web/Grafik design: switch the portrait mobile visual on instead of the wide desktop art. */
  .hero-art{display:none!important}.hero-mobile{display:block!important;padding:48px 0 24px!important}
  .hero-mobile h1{font-size:clamp(2.6rem,7.5vw,4rem)!important;line-height:.88!important;margin-bottom:13px!important}
  .hero-mobile .visual{margin-top:16px!important;border-radius:18px!important;max-height:205px!important;overflow:hidden!important}
  .hero-mobile .visual img{width:100%!important;max-height:205px!important;object-fit:cover!important;object-position:center!important}
  .rail{display:none!important}
  .showcase-stage,.branding-stage,.mockup-panel,.web-visual{max-height:310px!important;overflow:hidden!important}

  /* Wedding HUB: compact the large editorial blocks, keep its cards usable. */
  .hub63,.hub-v10-process,.packages-v9,.qrpro-section,.featurecards,.hub-preview-v22,.hub-v9-new,.hub-inquiry{padding-top:44px!important;padding-bottom:44px!important}
  .hub63-card,.hub-v10-step,.fcard,.hub-v9-newcard,.hub-v10-trustcard,.qr-design-card,.design-full{padding:18px!important}
  .qrpro-head,.qrpro-library-head,.qrpro-spotlight-copy{grid-template-columns:1fr!important;display:grid!important;gap:12px!important}
  .qrpro-packagebar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .qrpro-steps{grid-template-columns:1fr 1fr 1fr!important;gap:8px!important}
  .qrpro-featured-rail{grid-auto-columns:minmax(190px,32vw)!important}
  .qrpro-grid{gap:10px!important}
  .qrpro-card-meta b{font-size:15px!important}.qrpro-card-meta span{font-size:10px!important}

  /* Photography: quick nav and gallery stay horizontal/swipeable, content compact. */
  .quicknav{max-width:100vw!important;overflow:hidden!important}
  .quickgrid{display:flex!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  .quickgrid::-webkit-scrollbar{display:none}.quickgrid>*{flex:0 0 clamp(110px,17vw,150px)!important;scroll-snap-align:start}
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .contact{padding-top:42px!important;padding-bottom:42px!important}.contact-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important}
  .fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}.field.full{grid-column:1/-1!important}

  /* Wedding Gallery PHP viewer/list: keep hero short and the viewer touch-native. */
  .wg-hero{height:300px!important;min-height:300px!important}.wg-hero-inner{height:300px!important;padding:0 0 18px!important}
  .wg-hero-copy{width:min(55%,390px)!important;margin-left:0!important}.wg-hero h1{font-size:44px!important}.wg-hero-text{font-size:22px!important;line-height:1.08!important;margin-top:12px!important}
  .wg-carousel{gap:10px!important;padding:3px 8vw 12px!important;scroll-padding-inline:8vw!important}.wg-card{flex-basis:38vw!important;height:230px!important}.wg-card-title{font-size:22px!important}
  .wgv-gallery-switcher{height:72px!important;flex-basis:72px!important;padding:6px 8px!important}.wgv-gallery-choice{flex-basis:105px!important;min-height:58px!important}.wgv-gallery-choice img{width:38px!important;height:48px!important}.wgv-gallery-choice span{font-size:9px!important}
  .wgv-stage{padding:6px 40px!important}.wgv-thumbs-wrap{height:68px!important;flex-basis:68px!important;padding:6px 8px!important}.wgv-thumb{flex-basis:66px!important;height:48px!important}

  /* Legal pages: two readable columns only where space allows, never a desktop mega layout. */
  .legal-hero{padding-top:42px!important;padding-bottom:28px!important}.legal-hero h1{font-size:clamp(2.8rem,7vw,4.2rem)!important}
  .legal-wrap{display:grid!important;grid-template-columns:170px minmax(0,1fr)!important;gap:22px!important}
  .legal-content{min-width:0!important}.legal-section{font-size:14px!important;line-height:1.55!important}
  .toc{position:sticky!important;top:82px!important;align-self:start!important;max-height:calc(100dvh - 96px)!important;overflow:auto!important}

  /* Forms and footers: compact, never overflow the short viewport. */
  .footer-main,.footin{grid-template-columns:1fr auto!important;gap:18px!important}
  .footer-links{justify-content:flex-start!important;grid-column:1/-1!important}
  .footer-bottom{gap:10px!important;font-size:.68rem!important}
  .tph-universal-footer-v5{padding:22px 14px 18px!important}.tph-universal-footer-v5 .tph-uf-top{display:grid!important;grid-template-columns:1fr auto!important;gap:16px!important;text-align:left!important}.tph-universal-footer-v5 .tph-uf-links{display:flex!important;flex-wrap:wrap!important;width:auto!important;margin:0!important;justify-content:flex-end!important}.tph-universal-footer-v5 .tph-uf-links a{min-height:36px!important}.tph-universal-footer-v5 .tph-uf-bottom{justify-content:space-between!important;text-align:left!important}

  /* Modals/lightboxes stay inside the short viewport. */
  [role="dialog"],.modal,.lightbox,.qrpro-modal{max-width:96vw!important;max-height:calc(100dvh - 20px)!important}
  .qrpro-modal-panel{max-height:calc(100dvh - 28px)!important}.qrpro-modal-main{max-height:calc(100dvh - 28px)!important;grid-template-columns:minmax(0,1.1fr) minmax(230px,.9fr)!important}

  /* Never let a landscape page create a horizontal document scrollbar. */
  body,main,section,article,aside,footer,.wrap,.legal-wrap{max-width:100%!important}
  table{max-width:100%!important}
}