:root {
  --dmw-new-bg: #eef5fb;
  --dmw-new-bg-deep: #dceaf5;
  --dmw-new-surface: #ffffff;
  --dmw-new-surface-2: #f5f9fd;
  --dmw-new-text: #0a2947;
  --dmw-new-muted: #47647e;
  --dmw-new-line: #c8d9e8;
  --dmw-new-navy: #020d25;
  --dmw-new-navy-2: #061a3c;
  --dmw-new-navy-3: #0b2855;
  --dmw-new-blue: #078ff2;
  --dmw-new-cyan: #24c3ed;
  --dmw-new-gold: #f7c955;
  --dmw-new-green: #48d488;
  --dmw-new-red: #d8485b;
  --dmw-new-radius: 18px;
  --dmw-new-shadow: 0 18px 50px rgba(8, 35, 67, .13);
  --dmw-new-header-height: 82px;
  color-scheme: light;
}

html.dmw-dark {
  --dmw-new-bg: #020d25;
  --dmw-new-bg-deep: #041531;
  --dmw-new-surface: #071c3d;
  --dmw-new-surface-2: #0a2449;
  --dmw-new-text: #f5faff;
  --dmw-new-muted: #b2c8dd;
  --dmw-new-line: rgba(91, 177, 255, .25);
  --dmw-new-shadow: 0 20px 60px rgba(0, 0, 0, .34);
  color-scheme: dark;
}

html.dmw-new,
html.dmw-new body,
.dmw-new-page {
  min-height: 100%;
  margin: 0;
  background:
    radial-gradient(circle at 12% 0, rgba(24, 146, 255, .09), transparent 34rem),
    linear-gradient(180deg, var(--dmw-new-bg), var(--dmw-new-bg-deep));
  color: var(--dmw-new-text);
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x: clip;
}

html.dmw-new *,
html.dmw-new *::before,
html.dmw-new *::after { box-sizing: border-box; }

/* Admin-controlled navigation visibility must win over component display rules. */
html.dmw-new [data-dmw-podcast-nav][hidden] { display: none !important; }

html.dmw-new h1,
html.dmw-new h2,
html.dmw-new h3,
html.dmw-new h4,
html.dmw-new h5,
html.dmw-new h6,
html.dmw-new button,
html.dmw-new input,
html.dmw-new select,
html.dmw-new textarea { font-family: "Montserrat", system-ui, sans-serif; }

html.dmw-new body > .body,
html.dmw-new body > #footer,
html.dmw-new body > .test-footer,
html.dmw-new body > .dmw-mobile-nav-backdrop,
html.dmw-new body > .dmw-mobile-nav-drawer,
html.dmw-new body > .dmw-dm-toggle.dmw-floating-ui,
html.dmw-new body > .scroll-to-top,
html.dmw-new #dmw-nav-loader { display: none !important; }

/* Consistent active-page signal and readable theme variants. */
html.dmw-new .dmw-new-nav > a.active::after,
html.dmw-new .dmw-new-nav > a[aria-current="page"]::after { transform: scaleX(1) !important; }
html.dmw-new .dmw-new-nav > a.active,
html.dmw-new .dmw-new-nav > a[aria-current="page"] { color: #fff !important; }
html.dmw-new:not(.dmw-dark) .test-whats-new-head strong,
html.dmw-new:not(.dmw-dark) .test-whats-new-item h3 { color: #102d4b !important; }
html.dmw-new.dmw-dark .test-whats-new-head strong,
html.dmw-new.dmw-dark .test-whats-new-item h3 { color: #f4fbff !important; }
html.dmw-new:not(.dmw-dark) .parks-hero,
html.dmw-new:not(.dmw-dark) .parks-hero h1,
html.dmw-new:not(.dmw-dark) .parks-hero h2,
html.dmw-new:not(.dmw-dark) .parks-hero p { color: #102d4b !important; }
html.dmw-new:not(.dmw-dark) .discover-hero h1,
html.dmw-new:not(.dmw-dark) .discover-hero p,
html.dmw-new:not(.dmw-dark) .discover-hero .discover-kicker { color: #fff !important; }
html.dmw-new:not(.dmw-dark) .discover-track,
html.dmw-new:not(.dmw-dark) .discover-track h3,
html.dmw-new:not(.dmw-dark) .discover-track p,
html.dmw-new:not(.dmw-dark) .discover-track .discover-artist { color: #102d4b !important; }
html.dmw-new:not(.dmw-dark) .discover-request { background: #075f93 !important; color: #fff !important; border-color: #075f93 !important; }
html.dmw-new.dmw-dark .discover-track,
html.dmw-new.dmw-dark .discover-track h3,
html.dmw-new.dmw-dark .discover-track p,
html.dmw-new.dmw-dark .discover-track .discover-artist { color: #f2f8ff !important; }
html.dmw-new.dmw-dark .discover-request { background: #1699c8 !important; color: #031329 !important; border-color: #63d8f3 !important; }
html.dmw-new:not(.dmw-dark) .dmw-request-wrap .btn,
html.dmw-new:not(.dmw-dark) .dmw-request-wrap a.btn { background: #075f93 !important; color: #fff !important; border-color: #075f93 !important; }
html.dmw-new.dmw-dark .dmw-request-wrap .btn,
html.dmw-new.dmw-dark .dmw-request-wrap a.btn { background: #1699c8 !important; color: #031329 !important; border-color: #63d8f3 !important; }

/* Shared first-paint experience. The illustration is deliberately separate
   from the seasonal copy so the existing admin-controlled season can tint it. */
.dmw-new-page-loader {
  position: fixed;
  inset: 0;
  z-index: 110000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: #031329 url('/assets/dmw-loading-magic-20260824.png') center / cover no-repeat;
  transition: opacity .62s ease, visibility .62s ease;
}
.dmw-new-page-loader::before { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(2, 12, 34, .9), rgba(4, 75, 104, .5) 58%, rgba(9, 16, 42, .72)); }
.dmw-new-page-loader-card { position: relative; display: grid; justify-items: center; gap: 10px; width: min(360px, 100%); padding: 28px 24px 24px; border: 1px solid rgba(157, 231, 255, .35); border-radius: 24px; background: rgba(3, 24, 55, .78); color: #fff; text-align: center; box-shadow: 0 22px 64px rgba(0, 0, 0, .38); backdrop-filter: blur(14px); }
.dmw-new-page-loader-art { width: 72px; height: 72px; border-radius: 50%; background: radial-gradient(circle, var(--dmw-season-accent, #f7c955) 0 12%, rgba(36, 195, 237, .78) 13% 22%, transparent 23%), rgba(255, 255, 255, .08); box-shadow: 0 0 36px var(--dmw-season-glow, rgba(36, 195, 237, .75)); }
.dmw-new-page-loader-card strong { font: 800 21px/1.2 "Montserrat", sans-serif; letter-spacing: -.03em; }
.dmw-new-page-loader-card span { color: #c8dfef; font-size: 14px; }
.dmw-new-page-loader-card i { display: block; width: 150px; height: 4px; margin-top: 7px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.2); }
.dmw-new-page-loader-card i b { display: block; width: 42%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--dmw-season-line, #25c3ed), var(--dmw-season-accent, #f7c955)); animation: dmw-new-loader-progress 1.35s ease-in-out infinite; }
.dmw-new-page-loader.is-ready { opacity: 0; visibility: hidden; pointer-events: none; }
@keyframes dmw-new-loader-progress { from { transform: translateX(-110%); } to { transform: translateX(260%); } }

.dmw-new-install { position: fixed; z-index: 100001; right: 22px; bottom: 22px; display: flex; align-items: center; gap: 14px; width: min(500px, calc(100vw - 44px)); padding: 14px 15px 14px 18px; border: 1px solid rgba(99, 199, 255, .32); border-radius: 18px; background: rgba(3, 24, 55, .96); color: #fff; box-shadow: 0 18px 44px rgba(0,0,0,.35); }
.dmw-new-install[hidden] { display: none; }
.dmw-new-install > div { min-width: 0; display: grid; gap: 3px; }
.dmw-new-install strong { font: 800 13px/1.2 "Montserrat", sans-serif; }
.dmw-new-install span { color: #c5dced; font-size: 12px; line-height: 1.35; }
.dmw-new-install-action { flex: 0 0 auto; min-height: 38px; padding: 0 14px; border: 0; border-radius: 999px; background: linear-gradient(135deg, #078ff2, #24c3ed); color: #fff; font: 800 11px "Montserrat", sans-serif; cursor: pointer; }
.dmw-new-install-close { flex: 0 0 auto; width: 28px; height: 28px; border: 0; border-radius: 50%; background: rgba(255,255,255,.1); color: #fff; font-size: 20px; line-height: 1; cursor: pointer; }

/* Shared header */
.dmw-new-header {
  position: sticky;
  inset: 0 0 auto;
  z-index: 100000;
  width: 100%;
  min-height: var(--dmw-new-header-height);
  padding: 0 24px;
  border-bottom: 1px solid rgba(75, 174, 255, .36);
  background:
    linear-gradient(120deg, rgba(4, 23, 55, .97), rgba(3, 13, 37, .98) 48%, rgba(5, 31, 66, .97));
  box-shadow: 0 12px 30px rgba(0, 0, 0, .22);
  backdrop-filter: blur(18px);
}

.dmw-new-header::after {
  content: "";
  position: absolute;
  inset: auto 0 -1px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--dmw-season-line, #2bbbf2), var(--dmw-season-accent, #f4ca59), transparent);
  opacity: .9;
}

.dmw-new-nav-inner {
  width: min(1500px, 100%);
  min-height: var(--dmw-new-header-height);
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: clamp(18px, 2.3vw, 40px);
}

.dmw-new-brand {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  color: #fff !important;
  text-decoration: none !important;
  font: 800 clamp(18px, 1.5vw, 25px)/1 "Montserrat", sans-serif;
  letter-spacing: -.035em;
}

.dmw-new-brand img { width: 58px; height: 58px; object-fit: contain; flex: 0 0 auto; }

.dmw-new-nav {
  align-self: stretch;
  flex: 1 1 auto;
  display: flex;
  align-items: stretch;
  gap: 2px;
}

.dmw-new-nav > a,
.dmw-new-nav-trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding: 0 13px;
  border: 0;
  background: transparent;
  color: #dcecff !important;
  text-decoration: none !important;
  text-transform: uppercase;
  white-space: nowrap;
  font: 700 11px/1 "Montserrat", sans-serif;
  letter-spacing: .065em;
  cursor: pointer;
}

.dmw-new-nav > a::after,
.dmw-new-nav-trigger::after {
  content: "";
  position: absolute;
  left: 13px;
  right: 13px;
  bottom: 17px;
  height: 2px;
  border-radius: 2px;
  background: var(--dmw-new-cyan);
  transform: scaleX(0);
  transition: transform .18s ease;
}

.dmw-new-nav > a:hover::after,
.dmw-new-nav > a:focus-visible::after,
.dmw-new-nav > a.active::after,
.dmw-new-nav-trigger.active::after,
.dmw-new-nav-trigger:hover::after,
.dmw-new-nav-trigger:focus-visible::after,
.dmw-new-nav-group.is-open > .dmw-new-nav-trigger::after { transform: scaleX(1); }

.dmw-new-nav > a:hover,
.dmw-new-nav > a:focus-visible,
.dmw-new-nav > a.active,
.dmw-new-nav-trigger.active,
.dmw-new-nav-trigger:hover,
.dmw-new-nav-trigger:focus-visible,
.dmw-new-nav-group.is-open > .dmw-new-nav-trigger { color: #fff !important; }

.dmw-new-nav-group { position: relative; display: flex; align-items: stretch; }

/* Radio and Parks deliberately have two actions: the label opens its
   dashboard, while the compact chevron opens the related menu. */
.dmw-new-nav-destination {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding: 0 8px 0 13px;
  color: #dcecff !important;
  text-decoration: none !important;
  text-transform: uppercase;
  white-space: nowrap;
  font: 700 11px/1 "Montserrat", sans-serif;
  letter-spacing: .065em;
}
.dmw-new-nav-destination::after {
  content: "";
  position: absolute;
  left: 13px;
  right: 8px;
  bottom: 17px;
  height: 2px;
  border-radius: 2px;
  background: var(--dmw-new-cyan);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .18s ease;
}
.dmw-new-nav-destination:hover,
.dmw-new-nav-destination:focus-visible,
.dmw-new-nav-destination.active { color: #fff !important; }
.dmw-new-nav-destination:hover::after,
.dmw-new-nav-destination:focus-visible::after,
.dmw-new-nav-destination.active::after { transform: scaleX(1); }
.dmw-new-nav-toggle {
  width: 26px;
  min-width: 26px;
  padding: 0 !important;
  justify-content: center;
}
.dmw-new-nav-toggle::after {
  content: "" !important;
  position: static !important;
  width: 7px !important;
  height: 7px !important;
  margin: -4px 3px 0 0 !important;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  background: transparent !important;
  opacity: .78;
  transform: rotate(45deg) !important;
  transition: transform .18s ease !important;
}
.dmw-new-nav-group.is-open > .dmw-new-nav-toggle::after { transform: rotate(225deg) translate(-2px,-2px) !important; }

.dmw-new-mega {
  position: fixed;
  top: calc(var(--dmw-new-header-height) - 1px);
  left: 50%;
  width: min(1180px, calc(100vw - 40px));
  max-height: calc(100vh - var(--dmw-new-header-height) - 24px);
  padding: 22px;
  border: 1px solid rgba(88, 178, 255, .28);
  border-radius: 0 0 22px 22px;
  background: linear-gradient(150deg, rgba(5, 23, 54, .99), rgba(2, 13, 37, .99));
  color: #fff;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .5);
  opacity: 0;
  pointer-events: none;
  overflow: auto;
  transform: translate(-50%, -8px);
  transition: opacity .16s ease, transform .16s ease;
}

.dmw-new-nav-group.is-open > .dmw-new-mega { opacity: 1; pointer-events: auto; transform: translate(-50%, 0); }

.dmw-new-mega-lead {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 20px;
  align-items: center;
  padding: 0 0 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(116, 192, 255, .2);
}

.dmw-new-mega-lead > span { color: #75c9ff; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; }
.dmw-new-mega-lead > strong { grid-column: 1; font: 800 22px/1.2 "Montserrat", sans-serif; }
.dmw-new-mega-lead > a { grid-column: 2; grid-row: 1 / span 2; display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 0 17px; border: 1px solid #2aa7ef; border-radius: 999px; color: #fff !important; text-decoration: none !important; font-weight: 800; line-height: 1; white-space: nowrap; }
.dmw-new-mega-lead svg { display: block; width: 17px; height: 17px; flex: 0 0 auto; }
.dmw-new-mega-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.dmw-new-park-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 28px; }
.dmw-new-mega section { min-width: 0; }
.dmw-new-mega h3 { margin: 0 0 8px; color: #74caff; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.dmw-new-mega section a { display: block; padding: 7px 0; color: #e6f3ff !important; text-decoration: none !important; font-size: 14px; line-height: 1.3; }
.dmw-new-mega section a:hover, .dmw-new-mega section a:focus-visible { color: #fff !important; text-decoration: underline !important; text-decoration-color: var(--dmw-new-cyan) !important; text-underline-offset: 4px; }

.dmw-new-nav-actions { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; }
.dmw-new-theme,
.dmw-new-menu {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 50%;
  background: rgba(255, 255, 255, .06);
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
.dmw-new-theme:hover, .dmw-new-menu:hover { background: rgba(255, 255, 255, .14); }
.dmw-new-listen { display: inline-flex; align-items: center; gap: 9px; min-height: 46px; padding: 5px 15px 5px 7px; border-radius: 999px; background: linear-gradient(135deg, #0a96f8, #25c4ec); color: #fff !important; text-decoration: none !important; box-shadow: 0 8px 24px rgba(0, 153, 255, .28); }
.dmw-new-listen-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: rgba(255, 255, 255, .18); }
.dmw-new-listen-icon svg { width: 17px; height: 17px; transform: translateX(1px); }
.dmw-new-listen strong { font: 800 11px/1 "Montserrat", sans-serif; text-transform: uppercase; letter-spacing: .05em; }
.dmw-new-menu { display: none; }
.dmw-new-menu span { display: block; width: 20px; height: 2px; margin: 2px auto; border-radius: 2px; background: currentColor; }

/* Shared footer */
.dmw-new-footer {
  position: relative;
  z-index: 2;
  width: 100%;
  margin-top: clamp(44px, 7vw, 90px);
  padding: 0 max(24px, calc((100vw - 1450px) / 2));
  background: #020d25;
  color: #dcecff;
  border-top: 1px solid rgba(74, 170, 255, .25);
}
.dmw-new-footer-cta { width: 100%; min-height: 190px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 24px; padding: 34px clamp(24px, 4vw, 70px); background: radial-gradient(circle at 50% 0, rgba(20, 142, 255, .3), transparent 60%), linear-gradient(120deg, #061a3d, #031129); border-inline: 1px solid rgba(80, 176, 255, .2); }
.dmw-new-footer-cta > img { width: 105px; height: 105px; object-fit: contain; }
.dmw-new-footer-cta h2 { margin: 0 0 6px; color: #fff; font-size: clamp(24px, 3vw, 39px); letter-spacing: -.035em; }
.dmw-new-footer-cta p { margin: 0; color: #b8d1e7; font-size: 17px; }
.dmw-new-footer-cta > a { display: inline-flex; align-items: center; gap: 9px; min-height: 50px; padding: 0 19px; border-radius: 999px; background: linear-gradient(135deg, #078ef4, #1fc3ed); color: #fff !important; text-decoration: none !important; font-weight: 800; }
.dmw-new-footer-cta > a svg { width: 18px; height: 18px; }
.dmw-new-footer-grid { display: grid; grid-template-columns: minmax(280px, 1.8fr) repeat(3, minmax(150px, .7fr)); gap: 42px; padding: 44px 24px 34px; }
.dmw-new-footer-about { max-width: 520px; }
.dmw-new-footer-brand { display: inline-flex; align-items: center; gap: 12px; color: #fff !important; text-decoration: none !important; font: 800 22px/1 "Montserrat", sans-serif; }
.dmw-new-footer-brand img { width: 68px; height: 68px; object-fit: contain; }
.dmw-new-footer-about p { margin: 15px 0 0; color: #a9c2d9; line-height: 1.7; }
.dmw-new-footer nav { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; }
.dmw-new-footer nav strong { margin-bottom: 3px; color: #fff; font: 800 12px/1 "Montserrat", sans-serif; text-transform: uppercase; letter-spacing: .08em; }
.dmw-new-footer nav a { color: #b7cde1 !important; text-decoration: none !important; font-size: 14px; }
.dmw-new-footer nav a:hover { color: #fff !important; }
.dmw-new-legal { padding: 24px; border-top: 1px solid rgba(116, 193, 255, .17); color: #829fb9; font-size: 12px; line-height: 1.55; }
.dmw-new-legal p { margin: 3px 0; color: inherit !important; }

/* Production content, preserved functionality with the /new design system */
html.dmw-new body:not(.test-home) .dmw-request-wrap {
  position: relative;
  z-index: 1;
  width: min(1320px, calc(100% - 40px)) !important;
  max-width: none !important;
  margin: clamp(26px, 4vw, 58px) auto 0 !important;
  padding: clamp(22px, 3.2vw, 46px) !important;
  border: 1px solid var(--dmw-new-line) !important;
  border-radius: 26px !important;
  background: color-mix(in srgb, var(--dmw-new-surface) 96%, transparent) !important;
  color: var(--dmw-new-text) !important;
  box-shadow: var(--dmw-new-shadow) !important;
}

html.dmw-new body:not(.test-home) .dmw-request-wrap > :first-child { margin-top: 0 !important; }
html.dmw-new body:not(.test-home) .dmw-request-wrap h1,
html.dmw-new body:not(.test-home) .dmw-request-wrap h2,
html.dmw-new body:not(.test-home) .dmw-request-wrap h3,
html.dmw-new body:not(.test-home) .dmw-request-wrap h4,
html.dmw-new body:not(.test-home) .dmw-request-wrap h5,
html.dmw-new body:not(.test-home) .dmw-request-wrap strong { color: var(--dmw-new-text) !important; }
html.dmw-new body:not(.test-home) .dmw-request-wrap p,
html.dmw-new body:not(.test-home) .dmw-request-wrap li,
html.dmw-new body:not(.test-home) .dmw-request-wrap label,
html.dmw-new body:not(.test-home) .dmw-request-wrap small { color: var(--dmw-new-muted) !important; }
html.dmw-new body:not(.test-home) .dmw-request-wrap a:not(.btn):not([class*="button"]):not([class*="pill"]) { color: #0875bd !important; }
html.dmw-dark body:not(.test-home) .dmw-request-wrap a:not(.btn):not([class*="button"]):not([class*="pill"]) { color: #70c9ff !important; }

html.dmw-new body:not(.test-home) .dmw-request-wrap input:not([type="checkbox"]):not([type="radio"]),
html.dmw-new body:not(.test-home) .dmw-request-wrap select,
html.dmw-new body:not(.test-home) .dmw-request-wrap textarea {
  min-height: 44px;
  border: 1px solid var(--dmw-new-line) !important;
  border-radius: 11px !important;
  background: var(--dmw-new-surface-2) !important;
  color: var(--dmw-new-text) !important;
}

html.dmw-new body:not(.test-home) .dmw-request-wrap button,
html.dmw-new body:not(.test-home) .dmw-request-wrap .btn,
html.dmw-new body:not(.test-home) .dmw-request-wrap [class*="button"] {
  border-color: var(--dmw-new-line);
  border-radius: 999px;
  font-weight: 800;
}

html.dmw-new body:not(.test-home) .dmw-request-wrap :is(.card,.panel,.radiohub-panel,.radiohub-card,.dmw-podcast-panel,.pcard,.park-card,.stat-card,.settings-card,.dmw-home-card) {
  border-color: var(--dmw-new-line) !important;
  background: var(--dmw-new-surface-2) !important;
  color: var(--dmw-new-text) !important;
  box-shadow: none !important;
}

/* Radio */
html.dmw-new .radiohub-hero,
html.dmw-new .radiohub-now,
html.dmw-new .radiohub-panel,
html.dmw-new .radiohub-card,
html.dmw-new .radiohub-row {
  border-color: var(--dmw-new-line) !important;
  background: var(--dmw-new-surface-2) !important;
  color: var(--dmw-new-text) !important;
  box-shadow: none !important;
}
html.dmw-new .radiohub-hero { padding: clamp(22px, 3vw, 44px) !important; border-radius: 22px !important; background: linear-gradient(140deg, #052452, #071836) !important; }
html.dmw-new body .dmw-request-wrap .radiohub-hero h1,
html.dmw-new body .dmw-request-wrap .radiohub-hero h2,
html.dmw-new body .dmw-request-wrap .radiohub-hero strong { color: #fff !important; }
html.dmw-new body .dmw-request-wrap .radiohub-hero p,
html.dmw-new body .dmw-request-wrap .radiohub-hero span { color: #c9dff3 !important; }
html.dmw-new .radiohub-artwork { border-radius: 18px !important; }

/* Parks and attraction details */
html.dmw-new .park-hero,
html.dmw-new .park-card,
html.dmw-new .pcard,
html.dmw-new .park-section,
html.dmw-new .park-main > section,
html.dmw-new .park-sidebar > section,
html.dmw-new .ride-row,
html.dmw-new .show-card,
html.dmw-new .character-card,
html.dmw-new .restaurant-card {
  border-color: var(--dmw-new-line) !important;
  background: var(--dmw-new-surface-2) !important;
  color: var(--dmw-new-text) !important;
}
html.dmw-new .park-hero { overflow: hidden; background: linear-gradient(135deg, #0b3e73, #061833) !important; color: #fff !important; box-shadow: 0 20px 50px rgba(4, 27, 58, .22) !important; }
html.dmw-new body .dmw-request-wrap .park-hero h1,
html.dmw-new body .dmw-request-wrap .park-hero h2,
html.dmw-new body .dmw-request-wrap .park-hero h3,
html.dmw-new body .dmw-request-wrap .park-hero .park-hero-name,
html.dmw-new body .dmw-request-wrap .park-hero strong,
html.dmw-new body .dmw-request-wrap .park-hero span { color: #fff !important; }
html.dmw-new body .dmw-request-wrap .park-hero p,
html.dmw-new body .dmw-request-wrap .park-hero small { color: #c8e0f5 !important; }
html.dmw-new .park-grid,
html.dmw-new .parks-grid { gap: 18px !important; }
html.dmw-new .attraction-modal,
html.dmw-new .modal-content,
html.dmw-new .dmw-detail-panel { background: var(--dmw-new-surface) !important; color: var(--dmw-new-text) !important; border-color: var(--dmw-new-line) !important; }
html.dmw-new .attraction-modal h1,
html.dmw-new .attraction-modal h2,
html.dmw-new .attraction-modal h3,
html.dmw-new .attraction-modal strong,
html.dmw-new .modal-content h1,
html.dmw-new .modal-content h2,
html.dmw-new .modal-content h3,
html.dmw-new .modal-content strong { color: var(--dmw-new-text) !important; }
html.dmw-new .attraction-modal p,
html.dmw-new .attraction-modal small,
html.dmw-new .modal-content p,
html.dmw-new .modal-content small { color: var(--dmw-new-muted) !important; }

/* Podcast */
html.dmw-new .dmw-podcast-hero { border-radius: 24px !important; overflow: hidden; background: linear-gradient(135deg, #062651, #07152e) !important; color: #fff !important; }
html.dmw-new body .dmw-request-wrap .dmw-podcast-hero h1,
html.dmw-new body .dmw-request-wrap .dmw-podcast-hero h2,
html.dmw-new body .dmw-request-wrap .dmw-podcast-hero strong { color: #fff !important; }
html.dmw-new body .dmw-request-wrap .dmw-podcast-hero p { color: #c3daef !important; }
html.dmw-new .dmw-podcast-cover { border-radius: 20px !important; box-shadow: 0 18px 45px rgba(0,0,0,.35) !important; }
html.dmw-new .dmw-podcast-embed,
html.dmw-new .dmw-podcast-embed iframe { width: 100% !important; min-height: 620px !important; border: 0 !important; }

/* Settings standalone content */
html.dmw-new body > .wrap,
html.dmw-new body > main:not(.test-home main) {
  width: min(1320px, calc(100% - 40px));
  margin: clamp(26px, 4vw, 58px) auto 0;
}
html.dmw-new body > .wrap .card,
html.dmw-new body > main .card { border: 1px solid var(--dmw-new-line) !important; background: var(--dmw-new-surface) !important; color: var(--dmw-new-text) !important; box-shadow: var(--dmw-new-shadow) !important; }

/* App shell inherits the same visual header family without altering player state. */
html.dmw-new-app body { background: #020d25 !important; }
html.dmw-new-app .app-header,
html.dmw-new-app header { background: linear-gradient(120deg, #061a3d, #031129) !important; border-bottom: 1px solid rgba(82, 181, 255, .3) !important; }
html.dmw-new-app .mini-player,
html.dmw-new-app #mini-player,
html.dmw-new-app .player-shell { border-color: rgba(80, 177, 255, .28) !important; background: linear-gradient(135deg, #06224b, #083a64) !important; }

html.dmw-new-embedded .dmw-new-header,
html.dmw-new-embedded .dmw-new-footer { display: none !important; }
html.dmw-new-embedded body { padding-top: 0 !important; }

/* The app already owns playback and app navigation. Hide website-only
   listening routes so an app user never launches a second player. */
html.dmw-new-embedded [data-webplayer],
html.dmw-new-embedded a[href*="dmagicworld.torontocast.stream"],
html.dmw-new-embedded a[href="/app.html"],
html.dmw-new-embedded a[href="/app.html"],
html.dmw-new-embedded body.test-home .test-on-air,
html.dmw-new-embedded body.test-home .test-listen-section {
  display: none !important;
}

html.dmw-new-embedded body.test-home .test-hero {
  margin-bottom: clamp(34px, 5vw, 64px) !important;
}

html.dmw-new-embedded body.test-home .test-intro {
  padding-top: clamp(42px, 6vw, 74px) !important;
}

html.dmw-new-embedded body.test-home .test-join,
html.dmw-new-embedded body.test-home .test-whats-new {
  scroll-margin-bottom: 110px;
}

/* The embedded homepage ends at What's New because the website footer is
   intentionally absent in the app. Give that final section real breathing
   room, so its expand button and last update can scroll fully above the
   persistent mini-player instead of appearing cut off. */
html.dmw-new-embedded body.test-home main {
  padding-bottom: max(44px, env(safe-area-inset-bottom)) !important;
}

html.dmw-new-embedded body.test-home .test-whats-new {
  margin-bottom: 0;
}

/* On a narrow app screen the fixed player visually occupies more room than
   the iframe offset alone suggests. Keep the update control reachable and
   finish the embedded homepage with a visible, seasonal end card plus real
   scroll clearance instead of letting the page appear to stop behind the
   player. */
@media (max-width: 700px) {
  html.dmw-new-embedded body.test-home .test-whats-new:not(.is-expanded) .test-whats-new-extra {
    display: none !important;
  }

  html.dmw-new-embedded body.test-home .test-whats-new-toggle:not([hidden]) {
    position: relative;
    z-index: 2;
    display: flex !important;
  }

  html.dmw-new-embedded body.test-home main {
    padding-bottom: 0 !important;
  }

  html.dmw-new-embedded body.test-home .test-closing {
    display: grid !important;
    justify-items: center;
    min-height: 0;
    padding: 34px 20px calc(132px + env(safe-area-inset-bottom)) !important;
  }

  html.dmw-new-embedded body.test-home .test-closing img {
    width: 54px;
    height: 54px;
    margin-bottom: 10px;
  }

  html.dmw-new-embedded body.test-home .test-closing h2 {
    font-size: 25px;
  }

  html.dmw-new-embedded body.test-home .test-closing p {
    margin-bottom: 0;
    font-size: 14px;
  }
}

/* Seasonal character without a literal season label */
html.dmw-season-default { --dmw-season-line:#2bbbf2; --dmw-season-accent:#f4ca59; --dmw-season-glow:rgba(43,187,242,.12); --dmw-season-glow-2:rgba(244,202,89,.08); }
html.dmw-season-spring { --dmw-season-line:#7de8b6; --dmw-season-accent:#f39abb; --dmw-season-glow:rgba(125,232,182,.15); --dmw-season-glow-2:rgba(243,154,187,.11); }
html.dmw-season-summer { --dmw-season-line:#22d7ea; --dmw-season-accent:#f7c955; --dmw-season-glow:rgba(34,215,234,.15); --dmw-season-glow-2:rgba(247,201,85,.12); }
html.dmw-season-halloween { --dmw-season-line:#ff8a2a; --dmw-season-accent:#b167ff; --dmw-season-glow:rgba(255,138,42,.14); --dmw-season-glow-2:rgba(177,103,255,.13); }
html.dmw-season-christmas { --dmw-season-line:#45d58b; --dmw-season-accent:#ef5a68; --dmw-season-glow:rgba(69,213,139,.14); --dmw-season-glow-2:rgba(239,90,104,.12); }
html.dmw-new[class*="dmw-season-"] body:not(.test-home) {
  background:
    radial-gradient(circle at 8% 5%, var(--dmw-season-glow), transparent 32rem),
    radial-gradient(circle at 92% 18%, var(--dmw-season-glow-2), transparent 28rem),
    linear-gradient(180deg, var(--dmw-new-bg), var(--dmw-new-bg-deep)) !important;
}
html.dmw-new[class*="dmw-season-"] body:not(.test-home) .dmw-request-wrap,
html.dmw-new[class*="dmw-season-"] body:not(.test-home) > main,
html.dmw-new[class*="dmw-season-"] body:not(.test-home) > .wrap {
  border-top-color: color-mix(in srgb, var(--dmw-season-line) 68%, var(--dmw-new-line)) !important;
}
html.dmw-new[class*="dmw-season-"] .dmw-new-footer-cta {
  background:
    radial-gradient(circle at 22% 0, var(--dmw-season-glow), transparent 46%),
    radial-gradient(circle at 84% 110%, var(--dmw-season-glow-2), transparent 42%),
    linear-gradient(120deg, #061a3d, #031129) !important;
}
html.dmw-season-spring .dmw-new-header { background: linear-gradient(120deg, rgba(5,35,50,.98), rgba(5,18,43,.98) 48%, rgba(30,62,67,.97)); }
html.dmw-season-summer .dmw-new-header { background: linear-gradient(120deg, rgba(3,47,69,.98), rgba(3,18,45,.98) 48%, rgba(6,67,83,.97)); }
html.dmw-season-halloween .dmw-new-header { background: linear-gradient(120deg, rgba(43,13,52,.98), rgba(10,9,30,.98) 48%, rgba(75,30,16,.97)); }
html.dmw-season-christmas .dmw-new-header { background: linear-gradient(120deg, rgba(5,45,38,.98), rgba(4,17,38,.98) 48%, rgba(71,18,29,.97)); }

@media (max-width: 1180px) {
  .dmw-new-header { padding-inline: 16px; }
  .dmw-new-nav-inner { gap: 15px; }
  .dmw-new-nav > a, .dmw-new-nav-trigger { padding-inline: 9px; font-size: 10px; }
  .dmw-new-nav-destination { padding-left: 9px; padding-right: 5px; font-size: 10px; }
  .dmw-new-nav-destination::after { left: 9px; right: 5px; }
  .dmw-new-brand span { display: none; }
  .dmw-new-listen strong { display: none; }
  .dmw-new-listen { padding-right: 7px; }
}

@media (max-width: 1040px) {
  :root { --dmw-new-header-height: 72px; }
  .dmw-new-header { padding-inline: 14px; }
  .dmw-new-brand { gap: 9px; }
  .dmw-new-brand img { width: 50px; height: 50px; }
  .dmw-new-brand span { display: inline; font-size: 20px; }
  .dmw-new-nav { position: fixed; top: var(--dmw-new-header-height); left: 12px; right: 12px; max-height: calc(100vh - var(--dmw-new-header-height) - 16px); padding: 12px; border: 1px solid rgba(93,181,255,.3); border-radius: 0 0 20px 20px; background: rgba(2,13,37,.99); box-shadow: 0 24px 60px rgba(0,0,0,.55); display: none; overflow: auto; }
  .dmw-new-header.menu-open .dmw-new-nav { display: block; }
  .dmw-new-nav > a, .dmw-new-nav-trigger { width: 100%; min-height: 48px; justify-content: flex-start; padding: 0 14px; font-size: 13px; }
  .dmw-new-nav-group { display: grid; grid-template-columns: minmax(0, 1fr) 48px; align-items: stretch; }
  .dmw-new-nav-destination { min-height: 48px; justify-content: flex-start; padding: 0 14px; font-size: 13px; }
  .dmw-new-nav-destination::after { left: 14px; right: auto; bottom: 8px; width: 38px; }
  .dmw-new-nav-toggle { width: 48px; min-width: 48px; min-height: 48px; grid-column: 2; grid-row: 1; }
  .dmw-new-nav-group > .dmw-new-mega { grid-column: 1 / -1; }
  .dmw-new-nav > a::after, .dmw-new-nav-trigger::after { left: 14px; right: auto; bottom: 8px; width: 38px; }
  .dmw-new-mega { position: static; width: 100%; max-height: none; padding: 0 12px; border: 0; border-radius: 14px; background: rgba(255,255,255,.045); box-shadow: none; display: none; opacity: 1; overflow: visible; transform: none; }
  .dmw-new-nav-group.is-open > .dmw-new-mega { display: block; transform: none; }
  .dmw-new-mega-lead { grid-template-columns: 1fr; padding: 15px 0 12px; margin-bottom: 10px; }
  .dmw-new-mega-lead > a { grid-column: 1; grid-row: auto; justify-self: start; margin-top: 8px; }
  .dmw-new-mega-grid, .dmw-new-park-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 22px; }
  .dmw-new-menu { display: grid; }
  .dmw-new-listen strong { display: none; }
  .dmw-new-footer-grid { grid-template-columns: 1.3fr repeat(3, 1fr); gap: 24px; }
}

@media (max-width: 720px) {
  .dmw-new-page-loader-card { padding: 24px 20px 21px; }
  .dmw-new-install { right: 12px; bottom: 12px; width: calc(100vw - 24px); gap: 10px; padding: 12px; }
  .dmw-new-install span { font-size: 11px; }
  .dmw-new-install-action { min-height: 36px; padding-inline: 11px; }
  :root { --dmw-new-header-height: 66px; }
  .dmw-new-header { padding-inline: 10px; }
  .dmw-new-nav-inner { gap: 8px; }
  .dmw-new-brand { min-width: 0; flex: 1 1 auto; }
  .dmw-new-brand img { width: 44px; height: 44px; }
  .dmw-new-brand span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: clamp(16px, 5vw, 20px); }
  .dmw-new-theme, .dmw-new-menu { width: 42px; height: 42px; }
  .dmw-new-listen { min-height: 42px; padding: 4px; }
  .dmw-new-listen-icon { width: 34px; height: 34px; }
  .dmw-new-nav { left: 7px; right: 7px; }
  .dmw-new-mega-grid, .dmw-new-park-grid { grid-template-columns: 1fr; }

  html.dmw-new body:not(.test-home) .dmw-request-wrap,
  html.dmw-new body > .wrap,
  html.dmw-new body > main:not(.test-home main) {
    width: calc(100% - 8px) !important;
    margin-top: 8px !important;
    padding: 12px 8px 28px !important;
    border-radius: 16px !important;
  }
  html.dmw-new body:not(.test-home) .dmw-request-wrap .park-detail {
    width: 100% !important;
    max-width: none !important;
    padding-inline: 4px !important;
  }
  html.dmw-new body:not(.test-home) .dmw-request-wrap h1 { font-size: clamp(25px, 8vw, 38px) !important; line-height: 1.08 !important; overflow-wrap: anywhere; }
  html.dmw-new body:not(.test-home) .dmw-request-wrap h2 { font-size: clamp(20px, 6.5vw, 30px) !important; line-height: 1.15 !important; overflow-wrap: anywhere; }
  html.dmw-new .dmw-podcast-embed, html.dmw-new .dmw-podcast-embed iframe { min-height: 720px !important; }

  .dmw-new-footer { margin-top: 42px; padding: 0; }
  .dmw-new-footer-cta { grid-template-columns: auto minmax(0, 1fr); gap: 16px; padding: 28px 18px; }
  .dmw-new-footer-cta > img { width: 76px; height: 76px; }
  .dmw-new-footer-cta > a { grid-column: 1 / -1; justify-content: center; }
  .dmw-new-footer-cta h2 { font-size: 25px; }
  .dmw-new-footer-cta p { font-size: 14px; }
  .dmw-new-footer-grid { grid-template-columns: 1fr 1fr; gap: 28px 20px; padding: 32px 18px; }
  .dmw-new-footer-about { grid-column: 1 / -1; }
  .dmw-new-footer-grid nav:last-child { grid-column: 1 / -1; }
  .dmw-new-legal { padding: 22px 18px 30px; }
}

@media (max-width: 390px) {
  .dmw-new-footer-grid { grid-template-columns: 1fr; }
  .dmw-new-footer-grid nav:last-child { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .dmw-new-header *, .dmw-new-footer * { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; }
}

/* Homepage: accepted concept plus a complete mobile radio summary. */
html.dmw-new body.test-home main { width: 100%; }
html.dmw-new body.test-home .test-play svg { width: 23px; height: 23px; transform: translateX(1px); }
html.dmw-new body.test-home .test-on-air-track strong {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
html.dmw-dark body.test-home .test-intro h2,
html.dmw-dark body.test-home .test-section-head h2,
html.dmw-dark body.test-home .test-listen-section h2,
html.dmw-dark body.test-home .test-whats-new h3 { color: #f5fbff; }
html.dmw-dark body.test-home .test-intro p,
html.dmw-dark body.test-home .test-listen-section p,
html.dmw-dark body.test-home .test-whats-new p { color: #abc4da; }
html.dmw-dark body.test-home .test-park-card,
html.dmw-dark body.test-home .test-listen-section,
html.dmw-dark body.test-home .test-whats-new-head,
html.dmw-dark body.test-home .test-whats-new-item { border-color: rgba(81,177,255,.23); background: #071d3e; color: #eef7ff; }
html.dmw-dark body.test-home .test-park-card h3 { color: #fff; }
html.dmw-dark body.test-home .test-resort,
html.dmw-dark body.test-home .test-park-hours { color: #b2c8dc; }
html.dmw-dark body.test-home .test-listen-actions a { border-color: rgba(86,178,255,.25); background: #0a2850; color: #eaf5ff; }

@media (max-width: 960px) {
  html.dmw-new body.test-home .test-on-air {
    grid-template-columns: 64px minmax(0, 1fr) 54px !important;
    grid-template-areas:
      "art now play"
      "upnext upnext upnext"
      "program program program";
  }
  html.dmw-new body.test-home .test-on-air-art { grid-area: art; }
  html.dmw-new body.test-home .test-on-air-track { grid-area: now; }
  html.dmw-new body.test-home .test-play { grid-area: play; }
  html.dmw-new body.test-home .test-up-next {
    grid-area: upnext;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: baseline;
    gap: 4px 10px;
    min-width: 0;
    padding: 12px 0 0 !important;
    border-top: 1px solid rgba(255,255,255,.18);
    border-left: 0 !important;
  }
  html.dmw-new body.test-home .test-up-next span { grid-row: 1 / span 2; align-self: center; }
  html.dmw-new body.test-home .test-up-next strong,
  html.dmw-new body.test-home .test-up-next small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html.dmw-new body.test-home .test-full-player { display: none !important; }
  html.dmw-new body.test-home .test-program { grid-area: program; }
}

@media (max-width: 700px) {
  html.dmw-new body.test-home .test-hero { margin-top: 0; }
  html.dmw-new body.test-home .test-on-air {
    width: calc(100% - 20px) !important;
    margin: -52px 10px 0 !important;
    padding: 15px !important;
    grid-template-columns: 52px minmax(0, 1fr) 44px !important;
    gap: 10px 12px !important;
  }
  html.dmw-new body.test-home .test-on-air-art img { width: 50px; height: 50px; }
  html.dmw-new body.test-home .test-on-air-track strong { font-size: 14px; line-height: 1.24; }
  html.dmw-new body.test-home .test-on-air-track small { font-size: 12px; }
  html.dmw-new body.test-home .test-play { width: 44px; height: 44px; }
  html.dmw-new body.test-home .test-play svg { width: 19px; height: 19px; }
  html.dmw-new body.test-home .test-up-next { grid-template-columns: 70px minmax(0, 1fr); }
  html.dmw-new body.test-home .test-up-next strong,
  html.dmw-new body.test-home .test-up-next small {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  html.dmw-new body.test-home .test-up-next strong { font-size: 12px; line-height: 1.25; }
  html.dmw-new body.test-home .test-up-next small { font-size: 11px; line-height: 1.25; }
  html.dmw-new body.test-home .test-program { padding-top: 10px; }
}

/* Mobile header: keep the brand readable and isolate the shared menu from the
   older homepage test-nav rules. */
@media (max-width: 1040px) {
  html.dmw-new .dmw-new-header.test-nav {
    height: auto;
    min-height: var(--dmw-new-header-height);
  }

  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav {
    position: fixed !important;
    top: var(--dmw-new-header-height) !important;
    right: 8px !important;
    left: 8px !important;
    display: none !important;
    width: auto !important;
    height: auto !important;
    max-height: calc(100dvh - var(--dmw-new-header-height) - 12px) !important;
    margin: 0 !important;
    padding: 8px !important;
    gap: 4px !important;
    align-items: stretch !important;
    grid-auto-rows: max-content !important;
    border-radius: 0 0 18px 18px !important;
    overflow-y: auto !important;
  }

  html.dmw-new .dmw-new-header.test-nav.menu-open .dmw-new-nav {
    display: block !important;
  }

  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a,
  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    border: 1px solid transparent !important;
    border-radius: 11px !important;
    text-align: left !important;
    font-size: 12px !important;
  }

  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a + a,
  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > * + * {
    margin-top: 3px !important;
  }

  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a:hover,
  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a:focus-visible,
  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-trigger:hover,
  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-trigger:focus-visible,
  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group.is-open > .dmw-new-nav-trigger {
    border-color: rgba(255,255,255,.12) !important;
    background: rgba(255,255,255,.075) !important;
  }

  /* A selected page is a navigation state, not a large mobile button. */
  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a.active,
  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a[aria-current="page"],
  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-trigger.active,
  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-trigger[aria-current="page"] {
    border-color: transparent !important;
    background: transparent !important;
    color: #fff !important;
  }

  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a.active::after,
  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a[aria-current="page"]::after {
    display: block !important;
    left: 13px !important;
    right: auto !important;
    bottom: 7px !important;
    width: 28px !important;
    transform: scaleX(1) !important;
  }

  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-trigger.active::before,
  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-trigger[aria-current="page"]::before {
    content: "";
    position: absolute;
    left: 13px;
    bottom: 7px;
    width: 28px;
    height: 2px;
    border-radius: 2px;
    background: var(--dmw-new-cyan);
  }

  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-trigger::after {
    content: "" !important;
    position: static !important;
    width: 7px !important;
    height: 7px !important;
    margin-left: auto !important;
    border: 0 !important;
    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    border-radius: 0 !important;
    background: transparent !important;
    opacity: .75;
    transform: rotate(45deg) translateY(-2px) !important;
    transition: transform .18s ease !important;
  }

  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group.is-open > .dmw-new-nav-trigger::after {
    transform: rotate(225deg) translate(-2px, -2px) !important;
  }
}

@media (max-width: 430px) {
  html.dmw-new .dmw-new-header.test-nav { padding-inline: 8px; }
  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-inner { gap: 6px; }
  html.dmw-new .dmw-new-header.test-nav .dmw-new-brand {
    flex: 1 1 auto;
    gap: 6px;
    min-width: 0;
    padding: 3px 5px 3px 3px;
    font-size: clamp(14px, 4.4vw, 17px);
  }
  html.dmw-new .dmw-new-header.test-nav .dmw-new-brand img { width: 42px; height: 42px; }
  html.dmw-new .dmw-new-header.test-nav .dmw-new-brand span {
    display: inline !important;
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
  }
  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-actions { gap: 4px; }
  html.dmw-new .dmw-new-header.test-nav .dmw-new-theme,
  html.dmw-new .dmw-new-header.test-nav .dmw-new-listen,
  html.dmw-new .dmw-new-header.test-nav .dmw-new-menu {
    width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
  }
  html.dmw-new .dmw-new-header.test-nav .dmw-new-listen-icon { width: 30px; height: 30px; }
}

/* Park detail: give the new design the room it needs and keep the resort
   switcher legible over the dark hero in either visitor theme. */
html.dmw-new .park-detail {
  width: min(1540px, calc(100% - 24px)) !important;
  max-width: none !important;
  padding-inline: clamp(12px, 2vw, 28px) !important;
}

html.dmw-new .park-hero .resort-switcher {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  gap: 7px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(214, 241, 255, .34) !important;
  border-radius: 16px !important;
  background: rgba(2, 20, 48, .5) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}

html.dmw-new .park-hero .resort-switcher-label {
  padding-inline: 5px !important;
  color: #d9edff !important;
  font-weight: 900 !important;
  letter-spacing: .09em;
}

html.dmw-new .park-hero .resort-tab {
  min-height: 34px;
  padding: 7px 12px !important;
  color: #f6fbff !important;
  border: 1px solid rgba(214, 241, 255, .2) !important;
  background: rgba(255, 255, 255, .08) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
}

html.dmw-new .park-hero a.resort-tab:hover,
html.dmw-new .park-hero a.resort-tab:focus-visible {
  color: #fff !important;
  border-color: rgba(255, 255, 255, .68) !important;
  background: rgba(62, 189, 233, .3) !important;
}

html.dmw-new .park-hero .resort-tab.active {
  color: #082645 !important;
  background: #f8fcff !important;
  border-color: #fff !important;
  text-shadow: none;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .2);
}

@media (max-width: 720px) {
  html.dmw-new .park-detail {
    width: calc(100% - 4px) !important;
    padding-inline: 7px !important;
  }
}

/* 20260824n: One shared shell means one active state and one compact mobile
   frame. These rules deliberately come last so old per-page theme CSS cannot
   reintroduce the former selected-page box or wide nested gutters. */
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a.active,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a[aria-current="page"],
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-trigger.active,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-trigger[aria-current="page"] { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a.active::after,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a[aria-current="page"]::after,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-trigger.active::after,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-trigger[aria-current="page"]::after { display:block !important; transform:scaleX(1) !important; background:var(--dmw-new-cyan) !important; }
html.dmw-new .dmw-new-footer-cta { width:100vw !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; }

/* 20260824t: the destination labels remain normal links; only their adjacent
   chevrons are menu controls. Keep this contract last, beyond route CSS. */
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-destination {
  color:#dcecff !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-destination.active,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-destination[aria-current="page"] { color:#fff !important; }
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-destination.active::after,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-destination[aria-current="page"]::after { transform:scaleX(1) !important; background:var(--dmw-new-cyan) !important; }
/* All top-level link variants use the identical line-only navigation state.
   This includes external Now That's Disney and the Search overlay trigger. */
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a:hover,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a:focus-visible,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a.active,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a[aria-current="page"] { background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a.active::after,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a[aria-current="page"]::after { display:block !important; transform:scaleX(1) !important; background:var(--dmw-new-cyan) !important; }
/* Every primary destination keeps a quiet baseline line. The active route is
   simply brighter, so the full navigation has one coherent visual rhythm. */
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a::after,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-destination::after { display:block !important; transform:scaleX(1) !important; background:rgba(131,220,255,.42) !important; }
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a:hover::after,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a:focus-visible::after,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a.active::after,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a[aria-current="page"]::after,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-destination:hover::after,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-destination:focus-visible::after,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-destination.active::after,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-destination[aria-current="page"]::after { background:var(--dmw-new-cyan) !important; }
/* The line is state-only: hidden by default and positioned immediately below
   the centred label instead of at the bottom of the full header. */
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a::after,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-destination::after { top:calc(50% + 10px) !important; bottom:auto !important; transform:scaleX(0) !important; }
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a:hover::after,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a:focus-visible::after,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a.active::after,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a[aria-current="page"]::after,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-destination:hover::after,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-destination:focus-visible::after,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-destination.active::after,
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-destination[aria-current="page"]::after { transform:scaleX(1) !important; }
html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-toggle { background:transparent !important; border:0 !important; box-shadow:none !important; }
html.dmw-new .dmw-new-header.test-nav .dmw-new-mega-lead > a { display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:9px !important; min-height:44px !important; padding-inline:17px !important; line-height:1 !important; white-space:nowrap !important; }
html.dmw-new .dmw-new-header.test-nav .dmw-new-mega-lead > a svg { display:block !important; flex:0 0 auto !important; }
@media (max-width:1040px) {
  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group { display:grid !important; grid-template-columns:minmax(0,1fr) 44px !important; }
  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-destination { display:flex !important; align-items:center !important; min-height:44px !important; margin:0 !important; padding:0 13px !important; border:1px solid transparent !important; border-radius:11px !important; font-size:12px !important; }
  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-nav-toggle { display:flex !important; align-items:center !important; justify-content:center !important; width:44px !important; min-width:44px !important; min-height:44px !important; margin:0 !important; padding:0 !important; grid-column:2 !important; grid-row:1 !important; }
  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-group > .dmw-new-mega { grid-column:1 / -1 !important; }
}

/* Shared legacy-page colour contract. Individual pages can keep their own
   cards, but never inherit low-contrast legacy text in either visitor theme. */
html.dmw-new:not(.dmw-dark) body:not(.test-home),
html.dmw-new:not(.dmw-dark) body:not(.test-home) .wrap,
html.dmw-new:not(.dmw-dark) body:not(.test-home) .container { color:#12324f !important; }
html.dmw-new:not(.dmw-dark) body:not(.test-home) h1,
html.dmw-new:not(.dmw-dark) body:not(.test-home) h2,
html.dmw-new:not(.dmw-dark) body:not(.test-home) h3 { color:#0b2946 !important; }
html.dmw-new:not(.dmw-dark) body:not(.test-home) p,
html.dmw-new:not(.dmw-dark) body:not(.test-home) .muted,
html.dmw-new:not(.dmw-dark) body:not(.test-home) .text-muted { color:#385b78 !important; }
html.dmw-new.dmw-dark body:not(.test-home) { color:#edf7ff !important; }
html.dmw-new.dmw-dark body:not(.test-home) p,
html.dmw-new.dmw-dark body:not(.test-home) .muted,
html.dmw-new.dmw-dark body:not(.test-home) .text-muted { color:#b8d2e5 !important; }

@media (max-width:720px) {
  html.dmw-new, html.dmw-new body { overflow-x:hidden !important; }
  html.dmw-new body:not(.test-home) > .wrap,
  html.dmw-new body:not(.test-home) .wrap,
  html.dmw-new body:not(.test-home) .container { width:100% !important; max-width:none !important; margin-left:0 !important; margin-right:0 !important; padding-left:10px !important; padding-right:10px !important; }
  html.dmw-new body:not(.test-home) .park-detail { width:100% !important; max-width:none !important; margin-inline:0 !important; padding-left:4px !important; padding-right:4px !important; }
  html.dmw-new body:not(.test-home) .park-hero,
  html.dmw-new body:not(.test-home) .park-content { width:100% !important; margin-inline:0 !important; }
  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a.active,
  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav > a[aria-current="page"],
  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-trigger.active,
  html.dmw-new .dmw-new-header.test-nav .dmw-new-nav-trigger[aria-current="page"] { border:0 !important; border-radius:0 !important; background:transparent !important; }
  html.dmw-new .dmw-new-footer-cta { grid-template-columns:1fr !important; text-align:center; justify-items:center; }
  html.dmw-new .dmw-new-footer-cta > img { width:70px; height:70px; }
}

/* An iframe page must reserve its own final breathing room: the parent app
   correctly stops at the fixed player, but without this space the final card
   appears abruptly flush against it. */
html.dmw-new.dmw-new-embedded body { padding-bottom:128px !important; }

/* Exact old test-index closing-bar treatment: the heading and sentence are
   centred in the full-width seasonal bar; the new detailed footer stays below. */
html.dmw-new{--dmw-footer-accent:#27b7e8;--dmw-footer-warm:#ffc85b;--dmw-footer-night:#06172e}
html.dmw-new.dmw-season-summer{--dmw-footer-accent:#11a9c7;--dmw-footer-warm:#ffc857;--dmw-footer-night:#063653}
html.dmw-new.dmw-season-halloween{--dmw-footer-accent:#f17824;--dmw-footer-warm:#ffc04b;--dmw-footer-night:#241333}
html.dmw-new.dmw-season-christmas{--dmw-footer-accent:#c62f3d;--dmw-footer-warm:#e9c36b;--dmw-footer-night:#092f35}
html.dmw-new.dmw-season-spring{--dmw-footer-accent:#d75b8b;--dmw-footer-warm:#f3c665;--dmw-footer-night:#16484d}
html.dmw-new .dmw-new-footer-cta{min-height:238px;grid-template-columns:1fr;justify-items:center;gap:12px;padding:52px max(20px,calc((100vw - 1170px)/2)) 58px;border:0!important;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--dmw-footer-warm) 38%,transparent),transparent 54%),linear-gradient(135deg,var(--dmw-footer-night),color-mix(in srgb,var(--dmw-footer-night) 68%,var(--dmw-footer-accent)))!important;color:#fff!important;text-align:center}
html.dmw-new .dmw-new-footer-cta>img{width:76px;height:76px;margin:0}html.dmw-new .dmw-new-footer-cta>div{max-width:700px}html.dmw-new .dmw-new-footer-cta h2{margin:0;color:#fff!important}html.dmw-new .dmw-new-footer-cta p{margin:14px auto 10px;color:#c3d9ea!important}html.dmw-new .dmw-new-footer-cta>a{margin-top:2px;border:0;background:linear-gradient(135deg,#218cd5,#0cb8ec)!important;color:#fff!important;box-shadow:0 12px 26px rgba(7,152,229,.25)}

/* Readable text on the shared light and dark content surfaces. Dedicated
   dark hero panels are explicitly restored last. */
html.dmw-new:not(.dmw-dark) body:not(.test-home) :is(.card,.panel,.radiohub-panel,.radiohub-card,.dmw-podcast-panel,.pcard,.park-card,.stat-card,.settings-card,.dmw-home-card,.park-section,.park-main>section,.park-sidebar>section,.ride-row,.show-card,.character-card,.restaurant-card) :is(h1,h2,h3,h4,strong,b){color:#0a2947!important}
html.dmw-new:not(.dmw-dark) body:not(.test-home) :is(.card,.panel,.radiohub-panel,.radiohub-card,.dmw-podcast-panel,.pcard,.park-card,.stat-card,.settings-card,.dmw-home-card,.park-section,.park-main>section,.park-sidebar>section,.ride-row,.show-card,.character-card,.restaurant-card) :is(p,small,li,label){color:#365b78!important}
html.dmw-new.dmw-dark body:not(.test-home) :is(.card,.panel,.radiohub-panel,.radiohub-card,.dmw-podcast-panel,.pcard,.park-card,.stat-card,.settings-card,.dmw-home-card,.park-section,.park-main>section,.park-sidebar>section,.ride-row,.show-card,.character-card,.restaurant-card) :is(h1,h2,h3,h4,strong,b){color:#f5faff!important}
html.dmw-new.dmw-dark body:not(.test-home) :is(.card,.panel,.radiohub-panel,.radiohub-card,.dmw-podcast-panel,.pcard,.park-card,.stat-card,.settings-card,.dmw-home-card,.park-section,.park-main>section,.park-sidebar>section,.ride-row,.show-card,.character-card,.restaurant-card) :is(p,small,li,label){color:#b9d0e4!important}
html.dmw-new body:not(.test-home) :is(.park-hero,.radiohub-hero,.dmw-podcast-hero) :is(h1,h2,h3,h4,strong,b,span){color:#fff!important}html.dmw-new body:not(.test-home) :is(.park-hero,.radiohub-hero,.dmw-podcast-hero) :is(p,small){color:#c8e0f5!important}
html.dmw-new .dmw-new-brand{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
/* The app supplies its own native header. The homepage's normal site header
   must therefore not remain above the app header inside its iframe. */
html.dmw-new-embedded body.test-home .test-nav{display:none!important}
html.dmw-new-embedded body.test-home .test-hero{margin-top:0!important}
@media(max-width:700px){html.dmw-new .dmw-new-footer-cta{min-height:0;padding-top:48px;padding-bottom:52px}}

/* Contact form controls must not inherit the old site's undefined colour
   variables. The verification entry and submit action stay obvious in both
   visitor themes. */
html.dmw-new .dmw-new-contact{color:var(--dmw-new-text)}
html.dmw-new .dmw-new-contact h1,html.dmw-new .dmw-new-contact-grid label,html.dmw-new .dmw-new-contact-captcha{color:var(--dmw-new-text)!important}
html.dmw-new .dmw-new-contact-intro p{color:var(--dmw-new-muted)!important}
html.dmw-new .dmw-new-contact input,html.dmw-new .dmw-new-contact textarea{border:1px solid var(--dmw-new-line)!important;background:var(--dmw-new-surface-2)!important;color:var(--dmw-new-text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
html.dmw-new .dmw-new-contact input:focus,html.dmw-new .dmw-new-contact textarea:focus{outline:3px solid rgba(36,195,237,.28);outline-offset:1px;border-color:#078ff2!important}
html.dmw-new .dmw-new-contact-secondary{background:var(--dmw-new-surface-2)!important;color:var(--dmw-new-text)!important;border:1px solid var(--dmw-new-line)!important}
html.dmw-new .dmw-new-contact-submit{min-height:50px;padding:14px 23px;background:linear-gradient(135deg,#078ff2,#24c3ed)!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 14px 27px rgba(0,127,190,.34)!important}
html.dmw-new .dmw-new-contact-submit:hover,html.dmw-new .dmw-new-contact-submit:focus-visible{filter:brightness(1.08);transform:translateY(-1px);outline:3px solid rgba(36,195,237,.3);outline-offset:2px}
html.dmw-new.dmw-dark .dmw-new-contact input,html.dmw-new.dmw-dark .dmw-new-contact textarea{background:#061a36!important;border-color:rgba(109,193,255,.38)!important;color:#f5faff!important}

/* Standalone /new contact page; it uses the existing protected form endpoint. */
.dmw-new-contact{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:clamp(54px,8vw,100px) 0 70px}.dmw-new-contact-intro{max-width:720px;margin:0 0 28px}.dmw-new-contact-intro>span{display:block;margin-bottom:12px;color:var(--dmw-accent);font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.dmw-new-contact h1{margin:0;color:var(--dmw-ink);font-size:clamp(2rem,5vw,4.25rem);line-height:1.02;letter-spacing:-.055em}.dmw-new-contact-intro p{max-width:650px;margin:18px 0 0;color:var(--dmw-muted);font-size:1.08rem;line-height:1.65}.dmw-new-contact-card{padding:clamp(22px,5vw,48px);border:1px solid var(--dmw-line);border-radius:28px;background:var(--dmw-surface);box-shadow:0 22px 50px rgba(4,30,57,.12)}.dmw-new-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dmw-new-contact-grid label,.dmw-new-contact-captcha{display:grid;gap:7px;color:var(--dmw-ink);font-weight:800}.dmw-new-contact-grid label.wide,.dmw-new-contact-captcha.wide{grid-column:1/-1}.dmw-new-contact input,.dmw-new-contact textarea{box-sizing:border-box;width:100%;padding:13px 14px;border:1px solid var(--dmw-line);border-radius:13px;background:var(--dmw-page);color:var(--dmw-ink);font:inherit;font-weight:600}.dmw-new-contact textarea{min-height:168px;resize:vertical}.dmw-new-contact-captcha>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dmw-new-contact-captcha img{height:44px;border:1px solid var(--dmw-line);border-radius:10px;background:#fff}.dmw-new-contact-captcha input{width:148px}.dmw-new-contact-secondary,.dmw-new-contact-submit{border:0;border-radius:999px;font:inherit;font-weight:900;cursor:pointer}.dmw-new-contact-secondary{padding:12px 15px;background:var(--dmw-soft);color:var(--dmw-ink)}.dmw-new-contact-submit{display:inline-flex;gap:9px;align-items:center;margin-top:24px;padding:14px 20px;background:var(--dmw-primary);color:#fff;box-shadow:0 12px 22px rgba(0,127,190,.24)}.dmw-new-contact-submit:disabled{opacity:.6;cursor:wait}.dmw-new-contact-status{margin-top:18px;padding:13px 15px;border-radius:13px;background:var(--dmw-soft);color:var(--dmw-ink);font-weight:700}.dmw-new-contact-status.is-ok{background:#dff7e7;color:#12613a}.dmw-new-contact-status.is-error{background:#ffe6e9;color:#96253a}.dmw-new-contact-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.dmw-dark .dmw-new-contact-card{background:rgba(7,31,56,.88)}.dmw-dark .dmw-new-contact input,.dmw-dark .dmw-new-contact textarea{background:rgba(2,20,38,.74)}.dmw-dark .dmw-new-contact-status.is-ok{background:rgba(16,98,58,.42);color:#b6f3ce}.dmw-dark .dmw-new-contact-status.is-error{background:rgba(139,28,48,.42);color:#ffd1d9}@media(max-width:640px){.dmw-new-contact{width:min(100% - 22px,1040px);padding-top:38px}.dmw-new-contact-card{padding:20px;border-radius:22px}.dmw-new-contact-grid{grid-template-columns:1fr}.dmw-new-contact-captcha input{width:100%}}
