/* Hospitality University — hover/focus states only.
   Layout and colour live inline on the elements. */
.x1:hover{color:#14100C}
.x2:hover{background:#7A5A1E;border-color:#7A5A1E}
.x3:hover{color:#D2A855}
.x4:hover{background:#14100C;border-color:#14100C}
.x5:hover{background:#14100C;color:#F7F4EE;border-color:#14100C}
.x6:hover{background:rgba(20,16,12,0)}
.x7:focus{border-color:#7A5A1E}
.x8:hover{background:#F7F4EE}
.x9:hover{background:#14100C}
.xa:hover{background:#EFE9DD;color:#14100C;border-color:#EFE9DD}
.xb:focus{border-color:#D2A855}
.xc:focus{border-color:#7A5A1E;background:#fff}

/* Lead forms. The redesigned pages carry their layout inline; these two
   classes are the only structural styles the form markup needs, and they
   are not visual choices — the honeypot must be unreachable, and the
   status line must be legible on both the dark and light form cards. */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.formmsg:empty{display:none}
.formmsg{font-size:13.5px;line-height:1.55;margin-top:4px;color:#8A7C68}
.formmsg[data-state="error"]{color:#C2603A}
.formmsg[data-state="ok"]{color:#D2A855}

/* -------------------------------------------------------------- Narrow nav
   The 1080px breakpoint swaps the inline links for the hamburger, but the
   row still carries logo + wordmark + CTA + toggle. At 390px that measured
   606px against a 390px viewport, so every page scrolled sideways. Below
   560px the lockup steps down and the inline CTA drops out — it is in the
   menu panel, so nothing is lost. !important because the redesign sets
   these as inline style attributes, which no plain rule can outrank. */
@media(max-width:560px){
  [data-r~="wm"]{font-size:13px !important;letter-spacing:.06em !important}
  [data-r~="wmlogo"]{height:28px !important}
  [data-r~="navcta"]{display:none !important}
  /* The header tag line is decorative and has no room next to the lockup. */
  [data-r~="headtag"]{display:none !important}
}
/* The dropdown is a fixed 232/248px anchored to the toggle; on a narrow
   screen that can reach past the viewport edge. */
[data-r~="menupanel"]{max-width:calc(100vw - 40px)}

/* Two fixed-column grids could not shrink on a narrow phone: the "Guest
   faculty" label row on /course (200px + 1fr) and the founder cards on
   /apply (a 170px portrait + 1fr). A grid child defaults to min-width:auto,
   so the text column refuses to go below its longest word and the row
   pushes the page sideways at 360px and below. */
@media(max-width:560px){
  [data-r~="labelrow"]{grid-template-columns:1fr !important;gap:12px !important}
  [data-r~="facrow"]{grid-template-columns:96px 1fr !important;gap:18px !important}
  [data-r~="facrow"]>*{min-width:0}
}