/* DOBERTO APK readability + responsive scale fix
   Keeps the layout professional while preventing the UI from looking miniature. */

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

@media (min-width:981px){
  body.public-body{font-size:16px}
  .public-container{width:min(1280px,calc(100% - 48px))}
  .public-nav{height:82px}
  .public-brand{font-size:18px}
  .public-brand img{width:42px;height:42px}
  .public-links a{font-size:14px}
  .public-btn{font-size:14px;padding:12px 17px}
  .lang-switch button{font-size:12px;padding:8px 10px}

  .hero{padding:88px 0 82px}
  .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:72px}
  .hero-copy>p{font-size:18px;line-height:1.72}
  .hero-kicker{font-size:11px;padding:8px 12px}
  .hero-cta .public-btn{font-size:14px;padding:15px 20px}
  .hero-proof{font-size:13px}
  .stage-brand{font-size:14px}
  .stage-pill{font-size:10px}
  .float-card strong{font-size:13px}
  .float-card small{font-size:11px}

  .logo-strip-inner{font-size:13px}
  .section-kicker{font-size:11px}
  .section-intro p{font-size:16px}
  .feature-card{padding:28px}
  .feature-card h3{font-size:19px}
  .feature-card p{font-size:14px;line-height:1.68}
  .step-public strong{font-size:19px}
  .step-public p{font-size:14px}
  .format-card p{font-size:14px}
  .format-list span{font-size:13px}
  .faq-item summary{font-size:16px}
  .faq-item p{font-size:14px}
  .cta-box p{font-size:15px}
  .footer-about p,.footer-col a{font-size:13px}
  .footer-col strong{font-size:14px}
  .footer-bottom{font-size:12px}

  .app-shell{grid-template-columns:270px 1fr}
  .sidebar{padding:26px 18px}
  .nav-item{font-size:14px;padding:13px 14px}
  .topbar{height:88px;padding:0 40px}
  .topbar-left small{font-size:11px}
  .topbar-left h2{font-size:20px}
  .profile-chip strong{font-size:13px}
  .profile-chip small{font-size:11px}
  .content{padding:34px 40px 56px;max-width:1600px}
  .welcome-card p{font-size:16px}
  .stat-card small{font-size:13px}
  .section-head p{font-size:14px}
  .step-card p{font-size:14px}
  .builder-head p{font-size:15px}
  .form-stack label{font-size:14px}
  .form-stack input,.form-stack select{font-size:15px}
  .upload-box strong{font-size:14px}
  .upload-box small{font-size:12px}
  .toggle-card strong{font-size:13px}
  .toggle-card small{font-size:11px}
  .project-card p{font-size:13px}
  .table-row{font-size:13px}
  .history-empty{font-size:14px}
  .settings-profile p{font-size:13px}
  .build-modal>p{font-size:14px}
  .build-status-row{font-size:12px}
  .build-result strong{font-size:13px}
  .build-result small{font-size:11px}

  .auth-heading p{font-size:16px}
  .auth-foot{font-size:14px}
  .security-note{font-size:13px}
  .form-message{font-size:13px}
}

@media (max-width:980px){
  .public-links a{font-size:14px}
  .public-btn{font-size:14px}
  .hero-copy>p{font-size:16px}
  .hero-proof{font-size:12px}
  .feature-card p,.step-public p,.format-card p,.faq-item p{font-size:14px}
  .section-intro p{font-size:15px}
  .footer-about p,.footer-col a{font-size:12px}
}

@media (max-width:760px){
  body{font-size:16px}
  .public-container{width:min(calc(100% - 24px),1180px)}
  .public-brand span{font-size:15px}
  .public-btn{min-height:44px;font-size:14px}
  .lang-switch button{min-height:36px;font-size:12px}
  .hero{padding:48px 0 42px}
  .hero h1{font-size:clamp(38px,11vw,47px);line-height:1.02}
  .hero-copy>p{font-size:15.5px;line-height:1.68}
  .hero-kicker{font-size:10.5px}
  .hero-proof{gap:14px;font-size:12px}
  .section-intro h2{font-size:clamp(30px,9vw,40px)}
  .section-intro p{font-size:15px}
  .feature-card h3{font-size:18px}
  .feature-card p,.step-public p,.format-card p,.faq-item p{font-size:14px}
  .format-list span{font-size:13px}
  .faq-item summary{font-size:15px}
  .cta-box p{font-size:14px}
  .footer-about p,.footer-col a{font-size:13px}
  .footer-col strong{font-size:14px}
  .footer-bottom{font-size:12px}

  .topbar-left small{font-size:10px}
  .topbar-left h2{font-size:18px}
  .content{padding:22px 16px 38px}
  .welcome-card p{font-size:15px}
  .nav-item{font-size:14px}
  .stat-card small{font-size:12px}
  .section-head p{font-size:14px}
  .step-card p{font-size:14px}
  .builder-head p{font-size:14px}
  .form-stack label{font-size:14px}
  .form-stack input,.form-stack select{font-size:16px}
  .upload-box strong{font-size:13px}
  .upload-box small{font-size:12px}
  .toggle-card strong{font-size:13px}
  .toggle-card small{font-size:11px}
  .project-card p{font-size:12px}
  .table-row{font-size:12px}

  .auth-heading p{font-size:15px}
  .auth-foot{font-size:14px}
  .security-note{font-size:13px}
}