/* =========================================================
   iBlogger Mobile System v1
   Final mobile-only consolidation layer, loaded last.
   Scope: 900px and below, with touch-specific refinements.
   ========================================================= */

@media (max-width:900px){
  html{overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:82px}
  body{width:100%;max-width:100%;overflow-x:clip}
  *,*::before,*::after{box-sizing:border-box}
  body :where(main,section,article,aside,header,footer,nav,form,fieldset,div){min-width:0}
  img,video,canvas,svg,iframe{max-width:100%}
  table{max-width:100%}
  pre,code{max-width:100%;overflow-wrap:anywhere}
  :where(h1,h2,h3,h4,p,a,span,strong,small,label,button){overflow-wrap:anywhere}
  :where(input,select,textarea,button){max-width:100%}

  /* shared V4 shell */
  body.v4-page .container{width:min(calc(100% - 24px),760px)!important}
  body.v4-page .site-header{top:max(8px,env(safe-area-inset-top))!important;padding-inline:6px!important}
  body.v4-page .site-header .header-inner{
    width:100%!important;min-height:56px!important;height:auto!important;margin:0 auto!important;padding:6px 8px!important;
    gap:7px!important;border-radius:18px!important
  }
  body.v4-page .site-header .brand{margin-inline-end:auto!important}
  body.v4-page .site-header .site-logo-image{width:auto!important;height:31px!important;max-width:116px!important}
  body.v4-page .site-header .icon-button{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  body.v4-page .desktop-nav,body.v4-page .service-account{display:none!important}
  body.v4-page .menu-toggle{display:grid!important}

  body.v4-page .mobile-nav{
    width:min(92vw,380px)!important;max-width:100%!important;padding:max(16px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important
  }
  body.v4-page .mobile-nav-head{min-height:52px!important;padding-bottom:12px!important}
  body.v4-page .mobile-nav-close{width:44px!important;height:44px!important;min-width:44px!important}
  body.v4-page .mobile-nav-links{gap:5px!important;padding-block:14px!important}
  body.v4-page .mobile-nav-links>a,
  body.v4-page .mobile-nav-links summary{min-height:48px!important;padding:11px 12px!important;border-radius:13px!important;font-size:.88rem!important}
  body.v4-page .mobile-nav-links small{font-size:.72rem!important;line-height:1.55!important}
  body.v4-page .mobile-feedback-submenu{padding:5px 0!important}
  body.v4-page .mobile-nav-actions{gap:8px!important;padding-top:8px!important}
  body.v4-page .mobile-nav-actions .button{min-height:48px!important;width:100%!important}

  /* general controls and cards */
  body.v4-page :where(.v4-btn,.button,.icon-button,button,a.button){touch-action:manipulation}
  body.v4-page .v4-section{padding:54px 0!important}
  body.v4-page .v4-section-head{gap:12px!important;margin-bottom:24px!important}
  body.v4-page .v4-section-head h2,
  body.v4-page .v4-creators-head h2,
  body.v4-page .v4-faq h2{font-size:clamp(1.85rem,8vw,2.55rem)!important;line-height:1.1!important;letter-spacing:-.045em!important}
  body.v4-page .v4-section-head>p{font-size:.88rem!important;line-height:1.85!important}
  body.v4-page .v4-panel{padding:18px!important;border-radius:22px!important}
  body.v4-page .v4-panel-head{margin-bottom:16px!important}
  body.v4-page .v4-panel-head h2,body.v4-page .v4-panel-head h3{font-size:1.05rem!important;line-height:1.45!important}
  body.v4-page .v4-notice{padding:13px!important;border-radius:16px!important}
  body.v4-page .v4-notice p{font-size:.82rem!important;line-height:1.8!important}

  /* Internal hero pages */
  body.v4-page .v4-inner-hero{min-height:auto!important;padding:104px 0 44px!important}
  body.v4-page .v4-inner-hero-grid{grid-template-columns:1fr!important;gap:22px!important}
  body.v4-page .v4-inner-hero h1{font-size:clamp(2.2rem,10vw,3.15rem)!important;line-height:1.04!important;letter-spacing:-.05em!important;margin:12px 0 14px!important}
  body.v4-page .v4-inner-hero p{font-size:.9rem!important;line-height:1.9!important}
  body.v4-page .v4-breadcrumb{font-size:.72rem!important;line-height:1.6!important;margin-bottom:12px!important}
  body.v4-page .v4-eyebrow{font-size:.7rem!important;padding:7px 10px!important}
  body.v4-page .v4-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:20px!important}
  body.v4-page .v4-hero-actions .v4-btn{width:100%!important;min-height:47px!important;padding-inline:12px!important}
  body.v4-page .v4-hero-art{min-height:250px!important;width:100%!important;overflow:visible!important}
  body.v4-page .v4-photo-stack{width:min(330px,94vw)!important;height:250px!important;margin:auto!important;transform:scale(.78)!important;transform-origin:center!important}
  body.v4-page .v4-art-note{max-width:min(250px,74vw)!important}
  body.v4-page .v4-campaign-art{display:block!important;min-height:230px!important}
  body.v4-page .v4-campaign-art>img{display:none!important}
  body.v4-page .v4-campaign-card{width:100%!important;max-width:100%!important;padding:20px!important;border-radius:23px!important}
  body.v4-page .v4-smart-art{min-height:260px!important}
  body.v4-page .v4-smart-console{width:100%!important;max-width:360px!important;padding:15px!important;border-radius:22px!important}
  body.v4-page .v4-console-row{gap:9px!important;padding:11px 8px!important}
  body.v4-page .v4-orb{width:210px!important;height:210px!important}
  body.v4-page .v4-guarantee-art{min-height:250px!important}
  body.v4-page .v4-shield{width:180px!important;height:205px!important}
  body.v4-page .v4-shield span{width:62px!important;height:62px!important;font-size:1.7rem!important}
  body.v4-page .v4-guarantee-float{width:min(230px,72vw)!important;left:0!important;bottom:0!important;padding:14px!important}
  body.v4-page .v4-benefit-art{min-height:300px!important}
  body.v4-page .v4-benefit-art>img{width:min(250px,72vw)!important;height:300px!important;border-radius:26px!important}
  body.v4-page .v4-benefit-badge{right:12px!important;bottom:3px!important;max-width:230px!important;padding:12px 14px!important}

  /* all form controls */
  body.v4-page :where(.v4-form,.v4-submission-grid,.v4-filter-bar,.feedback-toolbar) :where(input,select,textarea),
  body.service-page :where(.ui-input,.ui-select,.ui-textarea),
  body.service-page :where(input,select,textarea){min-width:0!important;width:100%!important}
  body.v4-page .field-grid,
  body.v4-page .field-grid.two,
  body.v4-page .submission-form-grid,
  body.v4-page .moderation-fields{grid-template-columns:1fr!important;gap:11px!important}
  body.v4-page .v4-filter-bar,body.service-page .filter-toolbar{grid-template-columns:1fr!important;gap:10px!important}
  body.v4-page .v4-filter-bar .ui-field:first-child,body.service-page .filter-toolbar .ui-field:first-child{grid-column:auto!important}
  body.v4-page .form-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  body.v4-page .form-actions :where(.button,.v4-btn){width:100%!important;min-height:48px!important}

  /* Access/summary blocks */
  body.service-page .access-gate{grid-template-columns:auto minmax(0,1fr)!important;gap:12px!important;padding:15px!important}
  body.service-page .access-gate-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  body.service-page .access-gate-actions .button{width:100%!important;min-width:0!important}
  body.v4-page .smart-summary{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.v4-page .summary-tile{padding:13px!important}

  /* Home below hero (hero itself has a dedicated isolated implementation) */
  body.home-page.v4-page .v4-benefit-intro{padding-top:18px!important}
  body.home-page.v4-page .v4-split-card{grid-template-columns:1fr!important;padding:16px!important;gap:20px!important;border-radius:26px!important}
  body.home-page.v4-page .v4-split-copy h2{font-size:clamp(2rem,9vw,2.65rem)!important;line-height:1.08!important}
  body.home-page.v4-page .v4-split-copy p{font-size:.88rem!important;line-height:1.9!important}
  body.home-page.v4-page .v4-split-visual{height:285px!important;border-radius:21px!important}
  body.home-page.v4-page .v4-service-grid{grid-template-columns:1fr!important;gap:14px!important}
  body.home-page.v4-page .v4-service-grid .v4-service-card:last-child{grid-column:auto!important}
  body.home-page.v4-page .v4-service-card{border-radius:25px!important;padding:14px 14px 21px!important}
  body.home-page.v4-page .v4-service-media{height:220px!important;border-radius:19px!important}
  body.home-page.v4-page .v4-creators-head{align-items:flex-start!important;flex-direction:column!important;gap:14px!important}
  body.home-page.v4-page .v4-creator-actions{width:100%!important;justify-content:space-between!important;gap:8px!important}
  body.home-page.v4-page .v4-entity-switch{flex:1!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  body.home-page.v4-page .v4-entity-switch .entity-switch-button{padding:10px 9px!important}
  body.home-page.v4-page .v4-entity-grid{grid-template-columns:1fr!important;gap:12px!important}
  body.home-page.v4-page .v4-add-shell{grid-template-columns:1fr!important;padding:18px!important;border-radius:26px!important}
  body.home-page.v4-page .v4-add-copy h2{font-size:clamp(2rem,9vw,2.6rem)!important}
  body.home-page.v4-page .v4-add-collage{height:250px!important}
  body.home-page.v4-page .v4-workflow-shell,body.home-page.v4-page .v4-faq-grid{grid-template-columns:1fr!important}
  body.home-page.v4-page .v4-steps{grid-template-columns:1fr 1fr!important;gap:9px!important}
  body.home-page.v4-page .v4-final-shell{padding:24px!important;border-radius:25px!important}
  body.home-page.v4-page .v4-final-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}

  /* Blogger drawer */
  body.v4-page .blogger-drawer-panel{inset:0!important;border-radius:0!important}
  body.v4-page .blogger-drawer-head{padding:68px 15px 18px!important}
  body.v4-page .blogger-drawer-head h2{font-size:1.9rem!important;line-height:1.08!important}
  body.v4-page .blogger-drawer-head p{font-size:.8rem!important;line-height:1.75!important}
  body.v4-page .blogger-drawer-tools{display:grid!important;grid-template-columns:1fr!important;max-width:none!important;width:100%!important}
  body.v4-page .blogger-search{min-height:48px!important;font-size:16px!important}
  body.v4-page .blogger-result-count{justify-self:start!important}
  body.v4-page .blogger-drawer-scroll{padding:12px!important}
  body.v4-page .blogger-drawer-scroll .blogger-grid{grid-template-columns:1fr!important;gap:11px!important}
  body.v4-page .blogger-drawer .modal-close{top:15px!important;left:14px!important;width:44px!important;height:44px!important}

  /* Add blogger */
  body.v4-page .v4-submission-grid{grid-template-columns:1fr!important;gap:14px!important}
  body.v4-page .v4-track-panel{position:static!important}
  body.v4-page .v4-track-search{grid-template-columns:1fr!important;gap:8px!important}
  body.v4-page .v4-track-search .button{width:100%!important;min-height:48px!important}
  body.v4-page .v4-segmented{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important}

  /* Opportunities */
  body.v4-page .v4-opportunity-grid{grid-template-columns:1fr!important;gap:11px!important}
  body.v4-page .opportunity-card{padding:17px!important;border-radius:20px!important}

  /* Smart ads */
  body.v4-page .v4-smart-workspace{grid-template-columns:1fr!important;gap:14px!important}
  body.v4-page .v4-order-sidebar{position:static!important}
  body.v4-page .order-list{grid-template-columns:1fr!important;max-height:none!important}

  /* Guarantee */
  body.v4-page .v4-role-switch{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;overflow:visible!important;border-radius:16px!important}
  body.v4-page .v4-role-switch .role-tab{min-width:0!important;padding-inline:8px!important}
  body.v4-page .v4-role-intro{grid-template-columns:1fr!important;gap:9px!important}
  body.v4-page .v4-role-intro article{padding:17px!important;border-radius:18px!important}
  body.v4-page .v4-guarantee-grid{grid-template-columns:1fr!important;gap:14px!important}
  body.v4-page .v4-offer-panel{position:static!important}
  body.v4-page .offer-item{grid-template-columns:1fr!important}

  /* Benefits */
  body.v4-page .v4-benefit-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;overflow:visible!important;border-radius:16px!important;gap:4px!important}
  body.v4-page .v4-benefit-tabs .benefit-role-tab{min-width:0!important;white-space:normal!important;padding:9px 6px!important;font-size:.72rem!important;line-height:1.4!important}
  body.v4-page .v4-benefit-layout{grid-template-columns:1fr!important;gap:12px!important}
  body.v4-page .v4-benefit-highlight{padding:22px!important;border-radius:22px!important}
  body.v4-page .v4-benefit-highlight h2{font-size:1.75rem!important}
  body.v4-page .v4-benefit-grid,body.v4-page .v4-principles{grid-template-columns:1fr!important;gap:10px!important}
  body.v4-page .v4-benefit-grid article,body.v4-page .v4-principles article{padding:18px!important;border-radius:19px!important}

  /* Feedback redesigned pages */
  body.v4-feedback-page .v4-feedback-hero{min-height:auto!important;padding:100px 0 58px!important}
  body.v4-feedback-page .v4-feedback-hero-grid{grid-template-columns:1fr!important;gap:24px!important}
  body.v4-feedback-page .v4-feedback-hero h1{font-size:clamp(2.25rem,10vw,3rem)!important;line-height:1.03!important;letter-spacing:-.05em!important}
  body.v4-feedback-page .v4-feedback-lead{font-size:.9rem!important;line-height:1.9!important}
  body.v4-feedback-page .v4-feedback-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  body.v4-feedback-page .v4-feedback-actions .v4-btn{width:100%!important}
  body.v4-feedback-page .v4-feedback-trust{gap:6px!important}
  body.v4-feedback-page .v4-feedback-trust span{font-size:.67rem!important}
  body.v4-feedback-page .v4-feedback-art{min-height:245px!important;overflow:hidden!important}
  body.v4-feedback-page .v4-feedback-photo-stage{width:340px!important;height:260px!important;max-width:100%!important;transform:scale(.72)!important;transform-origin:center!important;margin:auto!important}
  body.v4-feedback-page .v4-feedback-values{margin-top:-18px!important}
  body.v4-feedback-page .v4-feedback-values-grid{grid-template-columns:1fr!important;padding:9px!important;border-radius:22px!important;gap:7px!important}
  body.v4-feedback-page .v4-feedback-value{padding:12px!important}
  body.v4-feedback-page .v4-feedback-directory{padding:54px 0!important}
  body.v4-feedback-page .v4-feedback-section-head{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
  body.v4-feedback-page .feedback-toolbar{position:static!important;grid-template-columns:1fr!important;gap:9px!important;padding:12px!important}
  body.v4-feedback-page .feedback-search{grid-column:auto!important}
  body.v4-feedback-page :where(.feedback-search input,.feedback-select){min-height:48px!important;width:100%!important}
  body.v4-feedback-page .feedback-grid{grid-template-columns:1fr!important;gap:11px!important}
  body.v4-feedback-page .feedback-card{padding:17px!important;border-radius:20px!important}
  body.v4-feedback-page .v4-feedback-guidance{padding-bottom:54px!important}
  body.v4-feedback-page .v4-feedback-guidance-grid{grid-template-columns:1fr!important;gap:12px!important}
  body.v4-feedback-page .v4-feedback-editorial{padding:21px!important;border-radius:22px!important}
  body.v4-feedback-page .v4-feedback-switch-card{align-items:stretch!important;flex-direction:column!important}
  body.v4-feedback-page .v4-feedback-switch-card .v4-btn{width:100%!important}

  /* Footer */
  body.v4-page .site-footer{padding:44px 0 calc(18px + env(safe-area-inset-bottom))!important}
  body.v4-page .footer-grid{grid-template-columns:1fr!important;gap:25px!important}
  body.v4-page .footer-brand{grid-column:auto!important}
  body.v4-page .footer-brand p{font-size:.82rem!important;line-height:1.9!important}
  body.v4-page .footer-column h3,body.v4-page .footer-newsletter h3{font-size:.86rem!important;margin-bottom:10px!important}
  body.v4-page .footer-column a{min-height:36px!important;display:flex!important;align-items:center!important;font-size:.8rem!important}
  body.v4-page .footer-bottom{gap:12px!important;flex-direction:column!important;align-items:flex-start!important;font-size:.7rem!important}

  /* Service modals/toasts */
  body.service-page .service-modal{padding:0!important;place-items:end center!important}
  body.service-page .service-modal-panel{width:100%!important;max-width:none!important;max-height:94dvh!important;border-radius:24px 24px 0 0!important;padding:22px 16px calc(20px + env(safe-area-inset-bottom))!important}
  body.service-page .service-toast-region{left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;width:auto!important}
}

/* Actual touch phones: readability beats desktop display-scaling compaction. */
@media (max-width:620px) and (hover:none) and (pointer:coarse){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{min-height:720px!important;height:max(720px,100dvh)!important}
  html body.home-page.v4-page #top{--hero-copy-top-edge:72px!important;--hero-photo-zone:210px!important}
  html body.home-page.v4-page #top .v4-hero-copy{width:min(94vw,520px)!important}
  html body.home-page.v4-page #top .v4-eyebrow{font-size:.67rem!important;padding:6px 9px!important}
  html body.home-page.v4-page #top .v4-hero-copy h1{font-size:clamp(2.25rem,10.5vw,3rem)!important;line-height:.98!important;margin:10px 0 12px!important}
  html body.home-page.v4-page #top .v4-hero-copy>p{max-width:340px!important;font-size:.83rem!important;line-height:1.8!important}
  html body.home-page.v4-page #top .v4-hero-actions{margin-top:13px!important;gap:7px!important}
  html body.home-page.v4-page #top .v4-hero-actions .v4-btn{min-height:44px!important;padding:8px 13px!important;font-size:.76rem!important}
  html body.home-page.v4-page #top .v4-hero-chips{margin-top:10px!important;gap:5px!important;flex-wrap:wrap!important}
  html body.home-page.v4-page #top .v4-hero-chips span{padding:5px 7px!important;font-size:.62rem!important;line-height:1.25!important}
  html body.home-page.v4-page #heroPhotoWheel{height:210px!important}

  :where(input,select,textarea){font-size:16px!important}
  :where(button,.button,.v4-btn,a.button){min-height:44px}
  body.v4-page :where(.ui-field label,.submission-field label,.field label){font-size:.79rem!important}
}

@media (max-width:430px){
  body.v4-page .container{width:calc(100% - 18px)!important}
  body.v4-page .site-header{padding-inline:4px!important}
  body.v4-page .site-header .header-inner{padding:5px 6px!important;gap:5px!important;border-radius:16px!important}
  body.v4-page .site-header .site-logo-image{height:29px!important;max-width:108px!important}
  body.v4-page .site-header .icon-button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
  body.v4-page .v4-hero-actions{grid-template-columns:1fr!important}
  body.v4-page .v4-inner-hero h1{font-size:2.25rem!important}
  body.v4-page .v4-hero-art{min-height:225px!important}
  body.v4-page .v4-final-actions{grid-template-columns:1fr!important}
  body.v4-page .smart-summary{grid-template-columns:1fr!important}
  body.service-page .access-gate{grid-template-columns:1fr!important}
  body.service-page .access-gate-icon{margin-bottom:2px!important}
  body.service-page .access-gate-actions{grid-column:auto!important;grid-template-columns:1fr!important}
  body.v4-page .v4-benefit-tabs .benefit-role-tab{font-size:.66rem!important;padding-inline:4px!important}
  body.v4-feedback-page .v4-feedback-photo-stage{transform:scale(.64)!important}
}

/* Auth pages */
@media (max-width:680px){
  body.auth-page{overflow-x:clip!important}
  body.auth-page .authn-shell{width:100%!important;min-height:100dvh!important}
  body.auth-page .authn-form-pane{padding:8px 9px calc(14px + env(safe-area-inset-bottom))!important}
  body.auth-page .authn-topbar{min-height:52px!important;padding:6px 7px!important;border-radius:16px!important}
  body.auth-page .authn-brand .site-logo-image{height:31px!important;max-width:118px!important}
  body.auth-page .authn-back,body.auth-page .authn-theme{min-width:42px!important;width:42px!important;min-height:42px!important;height:42px!important}
  body.auth-page .authn-form-wrap,body.auth-page .authn-signup-wrap{width:100%!important;max-width:540px!important;padding:18px 2px 8px!important}
  body.auth-page .authn-heading{margin-bottom:12px!important}
  body.auth-page .authn-heading h1{font-size:clamp(1.8rem,8.5vw,2.2rem)!important;line-height:1.08!important}
  body.auth-page .authn-heading p{font-size:.82rem!important;line-height:1.75!important}
  body.auth-page .authn-form{padding:14px!important;border-radius:19px!important;gap:11px!important}
  body.auth-page .authn-input{min-height:48px!important;border-radius:14px!important}
  body.auth-page .authn-input input{height:44px!important;font-size:16px!important;min-width:0!important}
  body.auth-page .authn-submit,body.auth-page .authn-google{min-height:48px!important;border-radius:14px!important}
  body.auth-page .authn-switch{font-size:.75rem!important;line-height:1.6!important}
  body.auth-page .authn-security{font-size:.68rem!important;line-height:1.6!important}
  body.auth-page.signup-page .authn-role-selector{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  body.auth-page.signup-page .authn-role-card{min-height:84px!important;padding:8px 4px!important}
  body.auth-page.signup-page .authn-row{grid-template-columns:1fr!important;gap:8px!important}
  body.auth-page.signup-page .authn-field>label{font-size:.73rem!important}
  body.auth-page.signup-page .authn-terms-wrap{padding:9px!important}
}
@media (min-width:380px) and (max-width:680px){
  body.auth-page.signup-page .authn-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Blogger profile dashboard */
@media (max-width:660px){
  body.profile-dashboard-body{overflow-x:clip!important}
  body.profile-dashboard-body .profile-dashboard-brandbar{width:calc(100% - 16px)!important;min-height:58px!important;margin:8px auto 0!important;padding:7px 9px!important;border-radius:15px!important}
  body.profile-dashboard-body .profile-dashboard-logo .site-logo-image{height:31px!important;max-width:116px!important}
  body.profile-dashboard-body .profile-dashboard-main{padding:12px 0 22px!important}
  body.profile-dashboard-body .profile-dashboard-shell{width:calc(100% - 16px)!important}
  body.profile-dashboard-body .influencer-dashboard{grid-template-columns:1fr!important;gap:12px!important}
  body.profile-dashboard-body .pd-card{border-radius:16px!important}
  body.profile-dashboard-body .influencer-profile-panel{padding:14px 11px!important}
  body.profile-dashboard-body .profile-avatar-frame{width:138px!important;height:138px!important}
  body.profile-dashboard-body .profile-actions{grid-template-columns:1fr!important;gap:8px!important}
  body.profile-dashboard-body .profile-actions .button{min-height:46px!important}
  body.profile-dashboard-body .analytics-toolbar{flex-direction:column!important;align-items:stretch!important}
  body.profile-dashboard-body .range-picker{width:100%!important;overflow-x:auto!important;display:flex!important}
  body.profile-dashboard-body .range-picker button{flex:1 0 auto!important;min-height:42px!important}
  body.profile-dashboard-body .analytics-charts{grid-template-columns:1fr!important}
  body.profile-dashboard-body .analytics-chart-card{height:240px!important;padding:12px 8px 8px!important}
  body.profile-dashboard-body .performance-summary{grid-template-columns:1fr!important}
  body.profile-dashboard-body .real-data-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.profile-dashboard-body .profile-dialog{width:calc(100% - 16px)!important;max-height:92dvh!important;overflow:auto!important;padding:20px 14px!important;border-radius:18px!important}
  body.profile-dashboard-body .profile-quick-form input,body.profile-dashboard-body .profile-quick-form textarea{font-size:16px!important}
  body.profile-dashboard-body .profile-dialog-actions{grid-template-columns:1fr!important}
}
@media (max-width:380px){body.profile-dashboard-body .real-data-grid{grid-template-columns:1fr!important}}

/* Reviewer/customer profile */
@media (max-width:520px){
  body.reviewer-page-body{overflow-x:clip!important}
  body.reviewer-page-body .reviewer-brandbar{width:calc(100% - 16px)!important;min-height:58px!important;margin:8px auto 0!important;padding:7px 9px!important;border-radius:15px!important}
  body.reviewer-page-body .reviewer-brand-logo .site-logo-image{height:31px!important;max-width:116px!important}
  body.reviewer-page-body .reviewer-profile-main{padding:14px 0 24px!important}
  body.reviewer-page-body .reviewer-profile-shell{width:calc(100% - 16px)!important}
  body.reviewer-page-body .reviewer-profile-layout{grid-template-columns:1fr!important;gap:12px!important}
  body.reviewer-page-body .reviewer-summary-card,body.reviewer-page-body .reviewer-history-panel{border-radius:17px!important}
  body.reviewer-page-body .reviewer-summary-card{padding:20px 14px!important}
  body.reviewer-page-body .reviewer-profile-avatar{width:104px!important;height:104px!important;border-radius:29px!important}
  body.reviewer-page-body .reviewer-history-panel{padding:16px 12px!important}
  body.reviewer-page-body .reviewer-history-panel>header{flex-direction:column!important;gap:8px!important}
  body.reviewer-page-body .reviewer-history-card{padding:14px!important}
  body.reviewer-page-body .reviewer-history-card footer{flex-direction:column!important;align-items:flex-start!important}
}

/* Moderation mobile: align legacy admin UI with the current site language. */
@media (max-width:900px){
  body.service-page:not(.v4-page){background:#f4f5fb!important;overflow-x:clip!important}
  body.service-page:not(.v4-page) .site-header{position:sticky!important;top:0!important;background:#0c0f28!important;border-bottom:0!important}
  body.service-page:not(.v4-page) .site-header .header-inner{width:calc(100% - 16px)!important;min-height:58px!important;gap:7px!important}
  body.service-page:not(.v4-page) .site-header .site-logo-image{height:31px!important;max-width:116px!important;filter:brightness(0) invert(1)!important}
  body.service-page:not(.v4-page) .site-header .desktop-nav,body.service-page:not(.v4-page) .service-account{display:none!important}
  body.service-page:not(.v4-page) .site-header .menu-toggle{display:grid!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}
  body.service-page:not(.v4-page) .moderation-main{width:min(calc(100% - 18px),760px)!important;margin-inline:auto!important;padding:28px 0 44px!important}
  body.service-page:not(.v4-page) .moderation-toolbar{align-items:flex-start!important;flex-direction:column!important;gap:12px!important;margin-bottom:18px!important}
  body.service-page:not(.v4-page) .moderation-toolbar h1{font-size:2rem!important;line-height:1.1!important}
  body.service-page:not(.v4-page) .moderation-admin-grid{grid-template-columns:1fr!important;gap:12px!important}
  body.service-page:not(.v4-page) .submission-card{padding:18px!important;border-radius:20px!important;background:#fff!important;border-color:rgba(38,44,92,.1)!important;box-shadow:0 12px 30px rgba(39,46,108,.07)!important}
  body.service-page:not(.v4-page) .submission-form-grid,body.service-page:not(.v4-page) .moderation-fields{grid-template-columns:1fr!important}
  body.service-page:not(.v4-page) input,body.service-page:not(.v4-page) select,body.service-page:not(.v4-page) textarea{font-size:16px!important;max-width:100%!important}
  body.service-page:not(.v4-page) .moderation-batch-bar{align-items:stretch!important;flex-direction:column!important}
  body.service-page:not(.v4-page) .moderation-batch-bar .button{width:100%!important}
  body.service-page:not(.v4-page) .site-footer{background:#0c0f28!important;color:#fff!important}
  body.service-page:not(.v4-page) .footer-grid{grid-template-columns:1fr!important}
}

/* Touch landscape: keep controls tappable even when the hero compacts vertically. */
@media (max-width:900px) and (max-height:430px) and (hover:none) and (pointer:coarse){
  body.v4-page .site-header .header-inner{min-height:50px!important}
  body.v4-page :where(.v4-btn,.button,button){min-height:40px!important}
  html body.home-page.v4-page #top .v4-hero-actions .v4-btn{min-height:40px!important;padding:6px 12px!important;font-size:.7rem!important}
  body.v4-page .v4-inner-hero{padding-top:82px!important;padding-bottom:28px!important}
  body.v4-page .v4-inner-hero h1{font-size:2.1rem!important}
  body.v4-page .v4-inner-hero p{font-size:.8rem!important;line-height:1.65!important}
  body.v4-page .v4-hero-art{min-height:190px!important}
}

/* QA fixes discovered by the mobile matrix. */
@media (max-width:620px) and (hover:none) and (pointer:coarse){
  body.v4-feedback-page .feedback-toolbar .feedback-input,
  body.v4-feedback-page .feedback-toolbar .feedback-select{
    font-size:16px!important;
  }
}

@media (max-width:660px){
  body.profile-dashboard-body .profile-quick-form input,
  body.profile-dashboard-body .profile-quick-form textarea,
  body.profile-dashboard-body .profile-dialog input,
  body.profile-dashboard-body .profile-dialog select,
  body.profile-dashboard-body .profile-dialog textarea{
    font-size:16px!important;
    min-width:0!important;
    max-width:100%!important;
  }
}

@media (max-width:900px){
  body.service-page:not(.v4-page) .moderation-admin-grid{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
  }
  body.service-page:not(.v4-page) .moderation-admin-grid > *,
  body.service-page:not(.v4-page) .moderation-tool-card,
  body.service-page:not(.v4-page) .submission-field,
  body.service-page:not(.v4-page) .submission-form-grid,
  body.service-page:not(.v4-page) .moderation-fields{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body.service-page:not(.v4-page) .submission-form-grid,
  body.service-page:not(.v4-page) .moderation-fields{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.service-page:not(.v4-page) input,
  body.service-page:not(.v4-page) select,
  body.service-page:not(.v4-page) textarea{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
}

/* Mobile layer-order hardening: drawers/modals must always cover the fixed homepage header. */
@media (max-width:900px){
  body .mobile-nav-backdrop{z-index:2900!important}
  body .mobile-nav{z-index:3000!important}
  body .modal{z-index:3100!important}
  body .blogger-drawer{z-index:3150!important}
  body .toast-container,body .toast{z-index:3200!important}
}
@media (max-width:560px){
  body.v4-page .blogger-drawer .modal-close{left:14px!important;right:auto!important;top:15px!important}
}
@media (max-width:560px){
  body.v4-page .blogger-drawer .modal-close{z-index:20!important}
}