/* OrderWorth support: the existing private-ticket form in the public brand. */
body[data-site="orderworth"].of-support {
  --customer-accent: #147750;
  --customer-tint: #eff7f2;
  background: #f7faf8;
  color: #172e35;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
}
.of-support > header { background: #fff; border-bottom: 1px solid #d9e4e1; }
.of-support .header-inner { max-width: 1280px; min-height: 88px; padding: 16px 32px; }
.of-support header .brand { gap: 11px; color: #172e35; font-size: 23px; letter-spacing: -.04em; }
.of-support header .brand img { width: 36px; height: 36px; flex: 0 0 36px; }
.of-support header .brand .customer-brand-text { font-size: 23px; text-transform: none; letter-spacing: -.04em; font-weight: 700; color: #172e35; }
.of-support .customer-brand-text small { color: #526962; font-size: 10px; letter-spacing: .1em; }
.of-support header nav a { color: #172e35; text-decoration: none; font-weight: 600; }
.of-support header nav a:hover { color: #147750; text-decoration: underline; }
.of-support header nav a:last-child { background: #147750; color: #fff; padding: 9px 17px; border-radius: 9px; }
.of-support main.shell { max-width: 1180px; padding-top: 46px; }
.of-support .eyebrow { color: #147750; letter-spacing: .12em; font-size: 12px; }
.of-support h1 { max-width: 22ch; margin: 12px 0 18px; font-size: clamp(32px, 4vw, 52px); color: #172e35; font-weight: 700; letter-spacing: -.045em; }
.of-support .lede { max-width: 65ch; margin-bottom: 20px; color: #405a62; font-size: 18px; }
.of-support :is(h2,h3,label) { color: #172e35; }
.of-support .hint { color: #496168; font-size: 14px; line-height: 1.65; }
.of-support .columns { grid-template-columns: minmax(0, 1.6fr) minmax(260px, 1fr); gap: 28px; margin-top: 28px; }
.of-support .card { border: 1px solid #d6e3dc; border-radius: 16px; background: #fff; padding: 28px; box-shadow: 0 6px 24px #17312a04; }
.of-support .card h2 { font-size: 23px; margin-bottom: 20px; font-weight: 650; }
.of-support .card.subtle { background: #edf6ef; }
.of-support .steps { padding-left: 22px; }
.of-support .steps li { margin-bottom: 22px; }
.of-support .steps span { display: block; color: #496168; margin-top: 5px; }
.of-support .notice { border-color: #147750; background: #e3f0e7; color: #264b3b; }
.of-support label { font-size: 15px; font-weight: 650; }
.of-support label > span { font-weight: 400; color: #496168; }
.of-support :is(input,select,textarea) { border-color: #b5c9bf; border-radius: 8px; color: #172e35; background: #fff; }
.of-support :is(input,textarea)::placeholder { color: #657a72; font-weight: 400; }
.of-support .primary { background: #147750; border-color: #147750; border-radius: 9px; padding: 12px 22px; color: #fff; font-size: 16px; }
.of-support .primary:hover { background: #0e5e3e; }
.of-support a { color: #106d49; text-underline-offset: 3px; }
.of-support .aside-link { font-size: 15px; }
.of-support footer.shell { max-width: 1180px; color: #526962; border-top: 1px solid #d9e4e1; margin-top: 40px; }
@media (max-width: 700px) {
  .of-support .header-inner { padding: 14px 18px; gap: 12px; align-items: center; flex-wrap: wrap; }
  .of-support header .brand { font-size: 20px; }
  .of-support header .brand .customer-brand-text { font-size: 20px; }
  .of-support header nav { gap: 12px; }
  .of-support header nav a { font-size: 13px; }
  .of-support header nav a:last-child { padding: 6px 12px; }
  .of-support main.shell { padding: 28px 18px; }
  .of-support .columns { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .of-support .card { padding: 22px 18px; border-radius: 13px; }
  .of-support .primary { width: 100%; }
  .of-support .lede { font-size: 17px; }
  .of-support footer.shell { margin-top: 20px; padding: 24px 18px; }
}