/* Professional mobile layout for the public application form. */
@media (max-width: 800px) {
  html,body{max-width:100%;overflow-x:hidden}body{background:#f5f7fc;font-size:15px}
  .topbar{min-height:84px;height:auto;padding:12px 16px;gap:12px;align-items:center;border-bottom:1px solid #dfe6f1}
  .brand{min-width:0;gap:9px;flex:0 0 auto}.brand-logo{height:48px;max-width:80px}.brand-logo-rf{width:76px}.brand-logo-paris{width:53px}
  .heading{align-self:auto;min-width:0}.heading h1{font-size:17px;line-height:21px;letter-spacing:-.2px}.heading p{display:none}
  main{display:block;max-width:none;margin:0;padding:0}.info{display:none}
  .steps{position:sticky;top:0;z-index:15;width:100%;max-height:none;padding:10px 12px;background:#fff;border-bottom:1px solid #dfe6f1;box-shadow:0 4px 12px rgba(23,32,68,.06);overflow:visible}
  .steps ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible;padding:0}.steps li{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;min-width:0;min-height:62px;height:auto;padding:6px 3px;border-radius:6px;text-align:center;font-size:10px;line-height:12px;white-space:normal}.steps li span{width:26px;height:26px;flex:0 0 26px;margin:0;font-size:12px}.steps li.complete span::after{font-size:11px}.steps li.current span{font-size:12px}.steps li.current{background:#e7f1ff}.help{display:none}
  .content{padding:20px 16px 90px;background:#fff}.page{min-width:0}h2{margin:0 0 7px;font-size:23px;line-height:29px;letter-spacing:-.25px}.intro{margin:0 0 20px;font-size:14px;line-height:20px}.grid,.three,.two,.four,.bottom-grid{display:grid;grid-template-columns:1fr;gap:14px;margin:18px 0}.bottom-grid{margin-top:22px}
  label{margin-bottom:7px;font-size:13px}input,textarea{height:50px;font-size:16px;border-radius:6px}textarea{height:122px;padding:12px}.custom-select-button{height:50px;font-size:16px;border-radius:6px}.custom-select-button::after{right:16px}.custom-select-menu{max-height:210px;position:absolute;left:0;right:0;margin-top:5px}.custom-select-option{padding:14px 12px;font-size:15px}
  .choices{grid-template-columns:1fr;gap:9px;margin:9px 0 24px}.choices button,.activity button,.damage button{min-height:56px;padding:10px 12px;font-size:14px;border-radius:6px}.choices button i{font-size:19px}.activity button span{line-height:17px}.radios{min-height:43px;height:auto;gap:22px;flex-wrap:wrap}.radios label{font-size:15px}.radios input{width:20px;height:20px}.stack{padding:3px 0}.notice{margin:14px 0 20px;padding:13px;font-size:13px;line-height:19px;border-radius:6px}.hint{line-height:17px}.counter{margin-top:-19px;margin-bottom:12px}
  .section-divider,hr{margin:31px 0 18px}.section-intro{margin-bottom:18px}.actions{position:fixed;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dfe6f1;box-shadow:0 -6px 20px rgba(23,32,68,.08)}.actions span,.actions .save{display:none}.actions button{width:100%;height:48px;padding:0 10px;font-size:14px}.actions .next{grid-column:2;width:100%}.actions .back:not(.hidden){grid-column:1}.actions #prev.hidden + .next{grid-column:1/-1}
  .page-loader span{width:44px;height:44px}.validation-toast{right:12px;bottom:78px;width:calc(100vw - 24px);padding:13px 14px}.validation-toast p{font-size:13px;line-height:18px}
  footer{padding:27px 16px 90px;background:#171f3c;font-size:13px}footer a{margin:13px 0 0}
}
@media (max-width: 390px){.topbar{padding-left:12px;padding-right:12px}.brand{gap:6px}.brand-logo-rf{width:65px}.brand-logo-paris{width:46px}.heading h1{font-size:15px;line-height:19px}.steps{padding:9px 7px}.steps ol{gap:3px}.steps li{font-size:9px;line-height:11px}.content{padding-left:12px;padding-right:12px}}