/* Public consulting and course pages share the platform's touch baseline. */
@media(max-width:760px){
  body{min-width:320px;overflow-wrap:break-word}
  .wrap{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  .header{height:auto;min-height:76px;gap:14px;padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:12px}
  .header .brand{font-size:25px;white-space:nowrap}
  .header>.button{padding:12px 16px;gap:14px}
  .button,.button.small{min-height:48px;font-size:15px;line-height:1.35;max-width:100%;gap:18px;text-align:center}
  .text-link,.back-link,.footer>a,summary{min-height:44px;display:inline-flex;align-items:center}
  .hero{padding-top:42px;padding-bottom:48px}
  .hero h1{font-size:clamp(35px,8.7vw,54px)}
  .hero .lead{font-size:17px}.actions{gap:12px}.actions>.button{width:100%}.actions>.text-link{width:100%;justify-content:center}
  .ticker .wrap{flex-wrap:wrap;justify-content:center;padding-block:15px;font-size:12px}.ticker .wrap>span{white-space:normal}
  .section{padding-block:52px}.section-heading h2,.closing h2{font-size:34px}.section-heading>p:last-child,.service p,.steps p{font-size:15px}
  .service{padding:24px}.service h3{font-size:26px;overflow-wrap:anywhere}.service h3 br{display:none}
  .learning-grid h2{font-size:45px}.learning-copy .button{width:100%}.learning-copy>p:not(.lead){font-size:16px}
  .course-main{padding:30px max(18px,env(safe-area-inset-right)) 50px max(18px,env(safe-area-inset-left))}.course-main>header .lead,.course-main section>p{font-size:16px}
  .course-main h1{font-size:36px;overflow-wrap:anywhere}.course-main .practice{padding:20px}.example-box{padding:18px}.practice summary{font-size:16px}.example-box .translation{font-size:14px}
  .login-page{min-height:100dvh}.login-main{padding:36px 20px;align-items:start}.login-card{padding:0}.login-card h1{font-size:36px}.login-symbol{margin-bottom:24px}
  input,textarea,select,.register-card input{font-size:16px!important;max-width:100%}input:not([type=checkbox]):not([type=radio]),select{min-height:48px}
  button{min-height:44px}button,input,select,textarea{touch-action:manipulation}
  .footer{padding-bottom:calc(24px + env(safe-area-inset-bottom));gap:12px}.footer>span{font-size:12px}
  .register-card,.register-main{min-width:0;max-width:100%}
  .password-visibility{min-height:44px}
}