/* Compact contact page: keep every control reachable without clipping content. */
body.contact-page{min-height:100svh}
.contact-page>header{height:72px;flex-shrink:0}
.contact-page main.content{width:min(720px,100%);max-width:720px;margin:12px auto 24px;padding:0 24px}
.contact-page main h1{font-size:32px;line-height:1.2;margin:0 0 10px}
.contact-page main>p{margin:6px 0;font-size:14px}
.contact-page .contact-form{max-width:none;grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:16px}
.contact-page .contact-form>label{min-width:0;gap:4px}
.contact-page .contact-form>label:nth-of-type(n+3){grid-column:1/-1}
.contact-page .contact-form input{min-height:40px;padding:7px 10px}
.contact-page .contact-form textarea{min-height:88px;height:88px;padding:8px 10px;resize:vertical}
.contact-page .contact-form>label:has(input[name=answer]){grid-template-columns:auto 1fr 100px;align-items:center;gap:12px}
.contact-page .contact-form>.meta{grid-column:1/-1;font-size:12px;line-height:1.5}
.contact-page .contact-form>.btn{grid-column:1/-1;min-height:40px}
.contact-page #contact-status{grid-column:1/-1;margin:0;line-height:1.4;font-size:13px}
.contact-page #contact-status:empty{display:none}
.contact-page>footer{padding-top:12px;padding-bottom:12px;flex-shrink:0}
@media(max-width:600px){
 .contact-page>header{height:64px}
 .contact-page main.content{padding:0 16px;margin:8px auto 18px}
 .contact-page main h1{font-size:27px}
 .contact-page .contact-form{gap:8px 10px;margin-top:12px}
 .contact-page .contact-form input{min-height:44px;font-size:16px}
 .contact-page .contact-form textarea{font-size:16px;height:80px;min-height:80px}
 .contact-page .contact-form>label:has(input[name=answer]){grid-template-columns:auto 1fr 76px;gap:8px}
 .contact-page .contact-form>.btn{min-height:44px}
}