/* Sample-only direct inquiry reflow, retaining the disabled/no-send state. */
@media(max-width:600px){
 body[data-page=contact] .contact-layout{padding-top:12px}
 body[data-page=contact] .contact-intro h1{font-size:min(3.375rem,14.7vw);line-height:.94;margin:8px 0}
 body[data-page=contact] .contact-intro .lead{font-size:min(.875rem,6.25vw);line-height:1.45}
 body[data-page=contact] .contact-panel{margin-top:10px}
 body[data-page=contact] .inactive-notice{font-size:min(.6875rem,5vw);line-height:1.35;margin-bottom:10px}
 body[data-page=contact] .topic-editor>label{font-size:min(.75rem,5.5vw);line-height:1.3}
 body[data-page=contact] .topic-editor>label>span{font-size:min(.625rem,4.7vw)}
 body[data-page=contact] .topic-editor>input{font-size:min(1rem,7vw);min-height:44px;padding:8px 12px;margin-top:6px}
 body[data-page=contact] .topic-editor>p{font-size:min(.625rem,4.7vw);line-height:1.35;margin-top:4px}
}

/* SE-Q06: cap rem-based opening dimensions at their normal-text values.
   This leaves the approved normal layout intact while keeping the direct
   inquiry topic in view when text is enlarged above the 600px breakpoint. */
@media(min-width:601px){
 body[data-page=contact] .header-row{min-height:88px;padding:min(1rem,16px) 5%;gap:min(2rem,32px)}
 body[data-page=contact] .desktop-nav a,
 body[data-page=contact] .header-inquiry{min-height:44px}
 body[data-page=contact] .desktop-nav,
 body[data-page=contact] .header-inquiry{font-size:min(.875rem,14px)}
 body[data-page=contact] .contact-intro h1{
  font-size:min(clamp(1.75rem,calc(1.15rem + 9vw),5.75rem),clamp(28px,calc(18.4px + 9vw),92px));
  margin:min(1.5625rem,25px) 0
 }
 body[data-page=contact] .contact-intro .lead{font-size:min(1.0625rem,22px);line-height:1.65}
 body[data-page=contact] .contact-panel{margin-top:min(1.5rem,24px)}
 body[data-page=contact] .inactive-notice{font-size:min(.75rem,16px);margin-bottom:min(1.5rem,24px)}
 body[data-page=contact] .topic-editor>label{font-size:min(.8125rem,18px)}
 body[data-page=contact] .topic-editor>label>span{font-size:min(.6875rem,16px)}
 body[data-page=contact] .topic-editor>input{font-size:min(1rem,22px);min-height:52px;padding:11px 14px}
 body[data-page=contact] .topic-editor>p{font-size:min(.6875rem,16px)}
}
@media(min-width:601px) and (max-width:900px){
 body[data-page=contact] .wordmark{font-size:min(1.375rem,22px)}
 body[data-page=contact] .desktop-nav{gap:min(1.25rem,20px)}
 body[data-page=contact] .contact-layout{padding-top:min(2rem,32px)}
}
@media(min-width:901px){
 body[data-page=contact] .wordmark{font-size:min(1.75rem,28px)}
 body[data-page=contact] .contact-layout{padding-top:min(2.5rem,40px)}
}
@media(min-width:992px){
 body[data-page=contact] .contact-panel{margin-top:0}
}