/* Register (#ov-reg) and consult (#ov-consult) sheets: compact, submit always in view (owner 16/10: "should not have to scroll to click button").
   The submit button is sticky at the bottom of the sheet, so even very short screens see it without scrolling. */
#ov-consult .sheet,#ov-reg .sheet{--sb:#fff;padding:26px 26px 18px;max-height:min(92dvh,760px);overscroll-behavior:contain}
:root[data-theme="dark"] #ov-consult .sheet,:root[data-theme="dark"] #ov-reg .sheet{--sb:#0B0B0B}
#ov-consult .sheet h2,#ov-reg .sheet h2{font-size:22px;line-height:1.2;margin:0 44px 0 0;letter-spacing:-.025em}
#ov-consult .sheet h2+.muted,#ov-reg #reg-t{font-size:14px;line-height:1.45;margin-top:4px}
#ov-reg #reg-t{display:none} /* repeats the class name the card shows */
/* consult: hotlines as two slim tiles */
#ov-consult .hots{margin-top:14px;gap:8px}
#ov-consult .hot2{padding:9px 12px;border-radius:12px}
#ov-consult .hot2 small{font-size:12px}
#ov-consult .hot2 b{font-size:15px;white-space:nowrap}
#ov-consult .cf2{margin-top:14px;padding-top:12px;display:grid;grid-template-columns:1fr 1fr;column-gap:10px}
#ov-consult .cf2>*{grid-column:1/-1;min-width:0}
#ov-consult .cf2>label.fld:nth-of-type(2),#ov-consult .cf2>label.fld:nth-of-type(3){grid-column:auto}
#ov-consult .cf2-h{font-size:13px;margin-bottom:8px}
#ov-consult .cf2 .fld{margin:0 0 8px}
#ov-consult .cf2 .fld span{font-size:12px;margin-bottom:3px}
#ov-consult .cf2 .fld input,#ov-consult .cf2 .fld select{height:42px}
#ov-consult .cf2>p.small{margin-top:6px!important;font-size:12px}
/* register: the class card is a compact summary */
#ov-reg .reg-c{margin:12px 0;padding:10px 12px;gap:12px;border-radius:14px;align-items:flex-start}
#ov-reg .reg-c img{width:36px;height:36px;border-radius:10px}
#ov-reg .reg-c dl{font-size:13px;line-height:1.4}
#ov-reg .reg-c dl>div{padding:1px 0}
#ov-reg .reg-c dt{flex-basis:74px}
#reg-f{display:grid!important;grid-template-columns:1fr 1fr;gap:8px 10px!important}
#reg-f>*{grid-column:1/-1;min-width:0}
#reg-f>label:nth-of-type(2),#reg-f>label:nth-of-type(3){grid-column:auto}
#reg-f label{gap:3px!important;font-size:12px!important}
#reg-f input{height:42px!important;width:100%;min-width:0;box-sizing:border-box}
#reg-f .reg-n{font-size:12px;line-height:1.4}
/* the button stays in view: sticky at the sheet's bottom edge, the sheet colour behind it */
#ov-consult #cf2b,#ov-reg #reg-b{position:sticky;bottom:0;z-index:2;margin-top:4px!important;box-shadow:0 0 0 10px var(--sb),0 -18px 18px 2px var(--sb)}
@media (max-width:600px){
  #ov-consult .sheet,#ov-reg .sheet{padding:22px 18px 14px;border-radius:24px}
  #ov-consult .sheet h2,#ov-reg .sheet h2{font-size:20px}
  #ov-consult .sheet h2+.muted{font-size:13px}
}
@media (max-width:359px){
  #ov-consult .cf2>label.fld:nth-of-type(2),#ov-consult .cf2>label.fld:nth-of-type(3),#reg-f>label:nth-of-type(2),#reg-f>label:nth-of-type(3){grid-column:1/-1}
}
@media (max-height:600px){
  #ov-consult .sheet h2+.muted,#ov-consult .cf2-h{display:none}
  #ov-consult .cf2{margin-top:10px;padding-top:8px}
}