/* The light setting retains the supplied cream, charcoal, and gold design. */
:root{color-scheme:light;--header-height:92px;--header-bg:#f5f2ec;--toggle-border:#b7ac98}
html[data-theme="dark"]{
  color-scheme:dark;
  --ink:#ede8df;--paper:#111820;--bronze:#c9a876;
  --header-bg:#111820;--toggle-border:#56606a;
  --bg-f5f2ec:#111820;--bg-e9e3d8:#18212b;
  --fg-12161c:#ede8df;--fg-3e434a:#c6c9cb;--fg-4a4f55:#bdc3c8;
  --fg-6b6458:#b6b1a7;--fg-8a6a3e:#c9a876;
  --line-d9d2c5:#35404b;--line-e4ded3:#35404b;--line-cfc7b8:#43505a;
  --line-d2cabb:#43505a;--line-ddd6c9:#35404b;--line-12161c:#7b8791;
}
html{scroll-padding-top:var(--header-height)}
.site-shell section{scroll-margin-top:20px}
.site-header,.legal-header{position:sticky;top:0;z-index:50;background:var(--header-bg);box-shadow:0 2px 12px rgb(0 0 0 / .08)}
.primary-nav{flex-wrap:wrap;column-gap:22px}
.primary-nav>.nav-links{gap:20px}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 14px;border:1px solid var(--toggle-border);background:transparent;color:var(--ink);font:500 13px/1.3 Figtree,Arial,sans-serif;cursor:pointer;white-space:nowrap;flex-shrink:0}
.theme-toggle:hover{background:rgb(138 106 62 / .09);filter:none}
.theme-toggle svg{width:18px;height:18px;flex-shrink:0}
.theme-toggle .moon-icon,.theme-logo .logo-dark{display:none}
html[data-theme="dark"] .theme-toggle .sun-icon,html[data-theme="dark"] .theme-logo .logo-light{display:none}
html[data-theme="dark"] .theme-toggle .moon-icon,html[data-theme="dark"] .theme-logo .logo-dark{display:block}
.theme-logo{display:inline-block;line-height:0;max-width:100%}
.legal-header>div{display:flex;justify-content:space-between;align-items:center;gap:20px}
.thank-you-page .legal-header{background:var(--night)}
.thank-you-page .theme-toggle{color:#ede8df;border-color:#56606a}
.skip-link{z-index:100}
.theme-toggle{width:44px;height:44px;padding:10px;gap:0}
@media(max-width:1100px){.primary-nav>.nav-links{order:2;width:100%;gap:8px 24px}.primary-nav>.theme-toggle{margin-left:auto}.primary-nav{gap:10px 20px}}
@media(max-width:700px){.primary-nav{padding:14px 22px}.primary-nav>.nav-links{gap:4px 18px;font-size:14px}.theme-toggle{padding:10px 12px}.legal-header{padding:18px 22px}}
@media(max-width:380px){.primary-nav>.nav-links{gap:2px 15px;font-size:13px}.theme-toggle{gap:6px;padding:10px}.primary-nav .theme-logo img{width:120px}}

/* Keep the native control's scheme and painted colors consistent. */
#field-service{
  color-scheme:light;
  background-color:#f5f2ec;
  color:#12161c;
  border:1px solid #b7ac98;
  border-radius:4px;
  padding:12px;
  min-height:48px;
  cursor:pointer;
}
html[data-theme="dark"] #field-service{
  color-scheme:dark;
  background-color:#18212b;
  color:#ede8df;
  border-color:#7b8791;
}
#field-service:hover,#field-service:focus-visible{border-color:#c9a876}
#field-service:focus-visible{outline:2px solid #c9a876;outline-offset:3px}
/* Legacy native popups use matching system colors for reliable OS highlights. */
#field-service option{background-color:Canvas;color:CanvasText}
#field-service option:is(:hover,:focus,:checked){background-color:Highlight;color:HighlightText}
/* Browsers with customizable native selects can use the exact brand palette. */
@supports (appearance:base-select){
  #field-service,#field-service::picker(select){appearance:base-select}
  #field-service::picker(select){
    background:#f5f2ec;color:#12161c;border:1px solid #b7ac98;
    border-radius:4px;padding:4px;box-shadow:0 8px 24px rgb(0 0 0 / .24);
  }
  #field-service option{background:#f5f2ec;color:#12161c;padding:10px 12px;min-height:44px}
  html[data-theme="dark"] #field-service::picker(select),
  html[data-theme="dark"] #field-service option{background:#18212b;color:#ede8df;border-color:#7b8791}
  #field-service option:checked{font-weight:600}
  #field-service option:is(:hover,:focus,:checked),
  html[data-theme="dark"] #field-service option:is(:hover,:focus,:checked){background:#c9a876;color:#0e1319}
  #field-service option:focus-visible{outline:2px solid #0e1319;outline-offset:-3px}
  #field-service::picker-icon{color:currentColor}
}
@media(forced-colors:active){
  #field-service,#field-service option,
  html[data-theme="dark"] #field-service,html[data-theme="dark"] #field-service option{
    forced-color-adjust:auto;background-color:Canvas;color:CanvasText;border-color:ButtonText;
  }
  #field-service option:is(:hover,:focus,:checked),
  html[data-theme="dark"] #field-service option:is(:hover,:focus,:checked){background-color:Highlight;color:HighlightText}
}