/* House style for the registration portals and the speaker agreement.
   Those pages carry their own inline stylesheet; this file is linked after
   it and restates the register of the iMedical corporate site used across
   the public site: a white masthead, iMedical orange for actions, warm
   charcoal text on warm grey, square-cornered cards and buttons, and
   sentence-case labels. The palette slots the inline styles read are
   restated here too, so their own rules pick up the same colours. Layout
   and behaviour stay with each page's rules. */
:root {
  --teal: #c8500f; --teal-dark: #a8410b; --teal-light: #fdf1e8;
  --gold: #e86119; --gold-light: #fdf1e8;
  --cream: #f7f5f3; --charcoal: #2e1305; --text: #4d4949; --muted: #635f5c;
  --green: #3d8b5a; --green-light: #e8f3ec;
}
body { background: #f7f5f3; }
html .pbar { background: #fff; color: #4d4949; border-bottom: 1px solid #e6e1dc; }
.pbar a.home { color: #b8480c; }
.pbar a.home:hover { color: #a8410b; text-decoration: underline; }
.pbar .brand { color: #4d4949; font-weight: 600; }
.pbar .me { color: #635f5c; }
.hgroup .eyebrow, .formsec .sx {
  font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; color: #635f5c;
}
.hgroup h1 { font-weight: 400; letter-spacing: -.01em; color: #e86119; }
.step { border-radius: 4px; }
.step.active { transform: none; box-shadow: none; border-color: #c8500f; }
.step .dot { border-color: #c8500f; color: #c8500f; }
.step.active .dot { background: #c8500f; }
.step .lbl { font-size: 12.5px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.card { border-radius: 4px; border-color: #e6e1dc; box-shadow: 0 1px 2px rgba(46,19,5,.06), 0 6px 18px rgba(46,19,5,.07); }
.badge-pill { border-radius: 2px; font-size: 12.5px; font-weight: 600; letter-spacing: 0; text-transform: none; }
input, select, textarea { border-radius: 3px; }
.btn {
  background: #c8500f; border-color: #c8500f; color: #fff; border-radius: 3px;
  font-size: 15px; font-weight: 600; letter-spacing: 0; text-transform: none;
}
.btn:hover { background: #a8410b; border-color: #a8410b; transform: none; box-shadow: none; }
.btn.teal { background: #c8500f; border-color: #c8500f; }
.btn.teal:hover { background: #a8410b; }
.btn.ghost { background: #fff; border-color: #c8500f; color: #c8500f; }
.btn.ghost:hover { background: #fdf1e8; }
.note { border-radius: 4px; border-left-width: 3px; }