.mdh-tp {
  max-width: 1120px;
  --mdh-tp-ink: #f7f2e7;
  --mdh-tp-muted: #aeb9b5;
  --mdh-tp-line: rgba(221, 209, 181, .27);
  --mdh-tp-blue: #061c35;
  --mdh-tp-yellow: #ffc629;
  box-sizing: border-box;
  width: min(1120px, 100%);
  margin: 22px auto 28px;
  padding: 20px 16px 16px;
  overflow: hidden;
  border: 1px solid rgba(221, 209, 181, .25);
  border-radius: 0;
  background: linear-gradient(135deg, #111b1a, #0a1111 75%);
  color: var(--mdh-tp-ink);
  box-shadow: 0 22px 52px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .06);
  font-family: Arial, Helvetica, sans-serif;
}

.mdh-tp * { box-sizing: border-box; }
.mdh-tp__header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  min-height: 88px;
  padding: 0 4px 16px;
  border-bottom: 1px solid rgba(178, 202, 219, .18);
}
.mdh-tp__header span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--mdh-tp-yellow);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
}
.mdh-tp__header span::after { content: ""; width: 56px; height: 3px; background: var(--mdh-tp-yellow); }
.mdh-tp__header h2 {
  margin: 9px 0 5px;
  font: 950 48px/.95 "Arial Narrow", Impact, Arial, sans-serif;
  letter-spacing: -.02em;
  text-transform: uppercase;
}
.mdh-tp__header p {
  font-size: 12px; max-width: 620px; margin: 0; color: var(--mdh-tp-muted); font-size: 14px; line-height: 1.45; }
.mdh-tp__header > strong {
  flex: 0 0 auto;
  padding: 12px 15px;
  border: 1px solid rgba(255, 198, 41, .36);
  color: #f6e9bf;
  font: 700 17px/1.08 "Segoe Print", "Bradley Hand", cursive;
  text-align: right;
  transform: rotate(-2deg);
}

.mdh-tp__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.mdh-tp__card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--mdh-tp-line);
  border-radius: 3px;
  padding: 14px;
  background: linear-gradient(180deg, #192421, #0e1716);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}
.mdh-tp__title { display: flex; align-items: flex-start; gap: 11px; min-height: 64px; }
.mdh-tp__icon {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 198, 41, .48);
  border-radius: 50%;
  color: #ffd159;
  background: #172321;
}
.mdh-tp__icon svg { width: 27px; height: 27px; }
.mdh-tp__title h3 {
  font: 900 21px/1 "Arial Narrow", Impact, Arial, sans-serif; margin: 0; color: #fff; font: 900 25px/1 "Arial Narrow", Impact, Arial, sans-serif; text-transform: uppercase; }
.mdh-tp__title p { margin: 6px 0 0; color: var(--mdh-tp-muted); font-size: 11px; line-height: 1.3; }

.mdh-tp__map {
  position: relative;
  height: 245px;
  margin: 10px 1px 12px;
  overflow: hidden;
  border: 5px solid #b7ab8d;
  background: #071321;
  box-shadow: 0 14px 26px rgba(0, 0, 0, .38);
  transform: none;
}
.mdh-tp__map-base { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 13px; color: #c7d3da; }
.mdh-tp__tiles { position: absolute; inset: 0; z-index: 1; filter: grayscale(1) saturate(.12) brightness(.5) contrast(1.18) sepia(.1); }
.mdh-tp__tiles img { position: absolute; width: 256px; height: 256px; max-width: none !important; }
.mdh-tp__canvas { position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%; pointer-events: none; }
.mdh-tp__map::after { content: ""; position: absolute; inset: 0; z-index: 4; background: radial-gradient(circle at 50% 45%, transparent 0 42%, rgba(1, 8, 16, .42) 92%); pointer-events: none; }
.mdh-tp__map-labels { position: absolute; z-index: 6; top: 12px; left: 12px; right: 12px; display: flex; justify-content: space-between; gap: 10px; }
.mdh-tp__map-labels span { max-width: 47%; padding: 6px 8px; border: 1px solid rgba(255, 255, 255, .27); border-radius: 2px; background: rgba(3, 17, 31, .88); box-shadow: 0 5px 14px rgba(0, 0, 0, .3); }
.mdh-tp__map-labels span:last-child { text-align: right; }
.mdh-tp__map-labels small { display: block; color: var(--mdh-tp-yellow); font-size: 7px; font-weight: 900; letter-spacing: .07em; }
.mdh-tp__map-labels b { display: none; }
.mdh-tp__map > a, .mdh-tp__pending-link { position: absolute; z-index: 6; right: 11px; bottom: 11px; padding: 8px 10px; border-radius: 7px; background: var(--mdh-tp-yellow); color: #111 !important; font-size: 9px; font-weight: 900; text-decoration: none; }
.mdh-tp__map > em { position: absolute; z-index: 6; left: 9px; bottom: 7px; color: #dde5e8; font-size: 7px; font-style: normal; }
.mdh-tp__guidance { padding: 10px; border-left: 3px solid var(--mdh-tp-yellow); background: rgba(2, 13, 25, .68); }
.mdh-tp__guidance p { margin: 0; color: #d3dde2; font-size: 12px; line-height: 1.5; }

.mdh-tp__notes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 10px; }
.mdh-tp__notes section { min-height: 108px; padding: 10px 8px; background: #e8d7aa url('/assets/v11/paper-texture-v1105.png') center/cover; color: #171713; box-shadow: 0 7px 13px rgba(0, 0, 0, .25); transform: rotate(-.45deg); }
.mdh-tp__notes section:nth-child(2) { transform: rotate(.35deg); }
.mdh-tp__notes section:nth-child(3) { transform: rotate(-.2deg); }
.mdh-tp__notes strong { display: block; padding-bottom: 5px; border-bottom: 3px solid #20251f; font-size: 8px; text-transform: uppercase; }
.mdh-tp__notes p { margin: 7px 0 0; font-size: 9px; line-height: 1.34; }
.mdh-tp__card > aside { margin-top: 9px; padding: 10px; border: 1px solid rgba(255, 198, 41, .38); border-radius: 9px; background: rgba(58, 44, 7, .52); color: #eadcae; }
.mdh-tp__card > aside strong { color: #ffd45e; font-size: 9px; text-transform: uppercase; }
.mdh-tp__card > aside p { margin: 5px 0 0; font-size: 9px; line-height: 1.38; }
.mdh-tp__evidence { display: block; margin-top: 9px; color: #91a5af; font-size: 8px; text-transform: uppercase; letter-spacing: .05em; }

.mdh-tp__parking-options { display: grid; gap: 9px; margin-top: 10px; }
.mdh-tp__parking-options section { padding: 13px 14px; border: 1px solid rgba(173, 199, 213, .27); border-left: 3px solid var(--mdh-tp-yellow); border-radius: 8px; background: rgba(10, 39, 65, .83); }
.mdh-tp__parking-options strong { display: block; color: #fff; font-size: 14px; line-height: 1.25; }
.mdh-tp__parking-options p { margin: 5px 0 0; color: #d7e0e4; font-size: 12px; line-height: 1.47; }
.mdh-tp__parking-options small { display: block; margin-top: 6px; color: #ffdb6a; font-size: 11px; }
.mdh-tp__parking-options a, .mdh-tp__text-link { display: inline-block; margin-top: 9px; color: #ffda65 !important; font-size: 11px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.mdh-tp__parking-warning { margin: 10px 0 0; padding: 10px 12px; border: 1px solid rgba(255, 198, 41, .24); border-radius: 8px; color: #e8debf; background: rgba(67, 46, 9, .27); font-size: 11px; line-height: 1.45; }
.mdh-tp__parking-advice { margin: 10px 0 0; padding: 10px 12px; border-left: 3px solid var(--mdh-tp-yellow); color: #d7e0e4; background: rgba(10, 39, 65, .58); font-size: 11px; line-height: 1.45; }

.mdh-tp__rail-route, .mdh-tp__fixture, .mdh-tp__pending, .mdh-tp__journeys { border: 1px solid var(--mdh-tp-line); border-radius: 9px; background: rgba(2, 15, 29, .72); }
.mdh-tp__rail-route { margin-top: 10px; padding: 10px; }
.mdh-tp__rail-route > div { display: grid; grid-template-columns: 1fr 20px 1fr; gap: 5px; align-items: center; }
.mdh-tp__rail-route b { font-size: 13px; }
.mdh-tp__rail-route b:last-child { text-align: right; }
.mdh-tp__rail-route span { color: var(--mdh-tp-yellow); text-align: center; font-weight: 900; }
.mdh-tp__fixture { display: grid; grid-template-columns: 1.2fr 1fr 1fr; margin-top: 7px; }
.mdh-tp__fixture > span { padding: 9px; border-right: 1px solid rgba(91, 129, 151, .28); }
.mdh-tp__fixture > span:last-child { border-right: 0; }
.mdh-tp__fixture small { display: block; color: #93a7b1; font-size: 7px; text-transform: uppercase; }
.mdh-tp__fixture b { display: block; margin-top: 3px; font-size: 9px; }
.mdh-tp__pending { display: grid; gap: 4px; margin-top: 7px; padding: 11px; }
.mdh-tp__pending b { font-size: 10px; text-transform: uppercase; }
.mdh-tp__pending span { color: var(--mdh-tp-muted); font-size: 9px; line-height: 1.4; }
.mdh-tp__rail-plan { display: grid; gap: 9px; margin-top: 10px; }
.mdh-tp__rail-plan > div { padding: 11px 12px; border-left: 3px solid #79a8c4; border-radius: 5px 8px 8px 5px; background: rgba(10, 39, 65, .83); }
.mdh-tp__rail-plan > div:last-child { border-left-color: var(--mdh-tp-yellow); }
.mdh-tp__rail-plan small { display: block; color: #9ab4c3; font-size: 9px; font-weight: 900; letter-spacing: .09em; }
.mdh-tp__rail-plan strong { display: block; margin-top: 4px; color: #fff; font-size: 13px; line-height: 1.3; }
.mdh-tp__rail-plan p { margin: 5px 0 0; color: #c6d5dd; font-size: 11px; line-height: 1.43; }
.mdh-tp__rail-caveat { margin: 9px 0 0; color: #b8c9d0; font-size: 10px; line-height: 1.45; }
.mdh-tp__journeys { margin-top: 7px; padding: 9px; }
.mdh-tp__journeys > strong { display: block; margin: 5px 0; color: #e2eaee; font-size: 9px; text-transform: uppercase; }
.mdh-tp__journey { display: grid; grid-template-columns: 38px 14px 38px 1fr; gap: 4px; align-items: center; min-height: 31px; border-top: 1px solid rgba(91, 129, 151, .24); color: #cad5da; font-size: 8px; }
.mdh-tp__journey time { color: #fff; font-weight: 900; }
.mdh-tp__journey b { color: var(--mdh-tp-yellow); }
.mdh-tp__cta { display: flex; align-items: center; justify-content: center; min-height: 45px; margin-top: 8px; border: 1px solid #ffe083; border-radius: 8px; background: linear-gradient(180deg, #ffd54e, #f3b80d); color: #101820 !important; font-size: 10px; font-weight: 900; text-decoration: none; box-shadow: 0 8px 20px rgba(245, 191, 17, .18); }
.mdh-tp a:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.mdh-tp > footer { margin-top: 12px; padding: 11px 13px; border: 1px solid var(--mdh-tp-line); border-radius: 10px; background: rgba(2, 12, 23, .78); }
.mdh-tp > footer p { margin: 0; color: #a9bbc4; font-size: 10px; line-height: 1.4; }

@media (max-width: 980px) {
  .mdh-tp__grid { grid-template-columns: 1fr 1fr; }
  .mdh-tp__rail { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
  .mdh-tp { width: 100%; margin: 16px 0 24px; padding: 18px 13px; border-right: 0; border-left: 0; border-radius: 0; }
  .mdh-tp__header { display: block; min-height: 0; }
  .mdh-tp__header h2 { font-size: 45px; }
  .mdh-tp__header > strong { display: none; }
  .mdh-tp__grid { grid-template-columns: 1fr; }
  .mdh-tp__rail { grid-column: auto; }
  .mdh-tp__card { padding: 13px; }
  .mdh-tp__map { height: 260px; margin-right: 3px; margin-left: 3px; }
  .mdh-tp__notes { grid-template-columns: 1fr; }
  .mdh-tp__notes section { min-height: 0; }
  .mdh-tp__fixture { grid-template-columns: 1fr; }
  .mdh-tp__fixture > span { border-right: 0; border-bottom: 1px solid rgba(91, 129, 151, .28); }
  .mdh-tp__fixture > span:last-child { border-bottom: 0; }
}

.mdh-tp .mdh-tp__research{margin-top:28px;border-top:1px solid #43657b;padding-top:24px}.mdh-tp .mdh-tp__research>h3{font-size:27px;margin:0 0 12px}.mdh-tp .mdh-tp__research-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mdh-tp .mdh-tp__research-grid article{min-width:0;background:linear-gradient(140deg,#153550,#0a2035);padding:24px;border:1px solid #385b76;border-radius:12px}.mdh-tp .mdh-tp__research-grid h4{font-size:20px;margin:0 0 14px;line-height:1.3}.mdh-tp .mdh-tp__research-grid p{font-size:15px;line-height:1.75;margin:12px 0;color:#d5e3ef;white-space:normal}.mdh-tp .mdh-tp__research-grid details{border-top:1px solid #385b76;margin-top:18px;padding-top:14px}.mdh-tp .mdh-tp__research-grid summary{font-size:13px;cursor:pointer;color:#f3d373}.mdh-tp .mdh-tp__research-grid dl{display:block}.mdh-tp .mdh-tp__research-grid dl div{border-bottom:1px solid #385b76;padding:10px 0}.mdh-tp .mdh-tp__research-grid dt{font-size:12px;font-weight:700;color:#acc8df}.mdh-tp .mdh-tp__research-grid dd{margin:5px 0;font-size:14px;line-height:1.65;overflow-wrap:anywhere}@media(max-width:760px){.mdh-tp .mdh-tp__research-grid{grid-template-columns:minmax(0,1fr)}.mdh-tp .mdh-tp__research-grid article{padding:20px}}
/* Compact, native disclosures keep the complete research in server HTML. */
#mdhTravelParking12242c .mdh-tp__research{border:0;padding-top:0;margin-top:16px}
#mdhTravelParking12242c .mdh-tp__panel-intro{color:#adc3da;font-size:14px;margin:0 0 14px}
#mdhTravelParking12242c .mdh-tp__icon-panels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:start}
#mdhTravelParking12242c .mdh-tp__topic{min-width:0;border:1px solid #365776;border-radius:14px;background:linear-gradient(145deg,rgba(30,64,95,.85),rgba(7,26,44,.95));box-shadow:inset 0 1px 0 #ffffff12;overflow:hidden}
#mdhTravelParking12242c .mdh-tp__topic>summary{min-height:104px;padding:16px 8px;display:flex;flex-direction:column;align-items:center;gap:9px;position:relative;list-style:none;cursor:pointer;font:600 14px/1.35 Inter,system-ui,sans-serif;color:#edf5ff;text-align:center}
#mdhTravelParking12242c .mdh-tp__topic>summary::-webkit-details-marker{display:none}
#mdhTravelParking12242c .mdh-tp__topic>summary svg{width:28px;height:28px;color:#ffda41;flex-shrink:0}
#mdhTravelParking12242c .mdh-tp__topic>summary:hover{background:#375f853d}
#mdhTravelParking12242c .mdh-tp__topic>summary:focus-visible{outline:3px solid #ffda41;outline-offset:-4px;border-radius:14px}
#mdhTravelParking12242c .mdh-tp__expand{position:absolute;right:10px;top:8px;font-size:18px;color:#abc4dd}
#mdhTravelParking12242c .mdh-tp__topic[open]{grid-column:1/-1;border-color:#7ba4c9}
#mdhTravelParking12242c .mdh-tp__topic[open]>summary{min-height:58px;flex-direction:row;justify-content:flex-start;padding:14px 20px;background:#22446466;text-align:left}
#mdhTravelParking12242c .mdh-tp__topic[open] .mdh-tp__expand{transform:rotate(45deg);top:18px}
#mdhTravelParking12242c .mdh-tp__topic-body{padding:22px;max-width:100%;overflow-wrap:anywhere}
#mdhTravelParking12242c .mdh-tp__topic-body article{margin:0 0 24px;border:0;background:none}
#mdhTravelParking12242c .mdh-tp__topic-body h3{font:700 20px/1.35 Inter,system-ui,sans-serif;color:#f5f8ff;margin:0 0 14px}
#mdhTravelParking12242c .mdh-tp__topic-body p{max-width:78ch;font-size:15px;line-height:1.8;color:#d3e1ef;margin:0 0 15px}
#mdhTravelParking12242c .mdh-tp__topic-body dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
#mdhTravelParking12242c .mdh-tp__topic-body dl>div{padding:14px;background:#09223880;border:1px solid #345572;border-radius:10px}
#mdhTravelParking12242c .mdh-tp__topic-body dt{font-size:13px;color:#a9c8e7;margin-bottom:5px}
#mdhTravelParking12242c .mdh-tp__topic-body dd{margin:0;font-size:15px;line-height:1.65;color:#f0f5fa}
@media(max-width:760px){#mdhTravelParking12242c .mdh-tp__icon-panels{grid-template-columns:repeat(3,minmax(0,1fr))}#mdhTravelParking12242c .mdh-tp__topic-body{padding:16px}#mdhTravelParking12242c .mdh-tp__topic-body dl{grid-template-columns:1fr}}
@media(max-width:340px){#mdhTravelParking12242c .mdh-tp__icon-panels{grid-template-columns:repeat(2,minmax(0,1fr))}}
#mdhTravelParking12242c .mdh-tp__topic-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}
#mdhTravelParking12242c .mdh-tp__topic-nav[hidden]{display:none}
#mdhTravelParking12242c .mdh-tp__topic-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:100px;padding:14px 8px;border:1px solid #365776;border-radius:14px;background:linear-gradient(145deg,#1e405fd9,#071a2cf2);color:#edf5ff;cursor:pointer;font:600 14px/1.35 Inter,system-ui,sans-serif;box-shadow:inset 0 1px 0 #ffffff12}
#mdhTravelParking12242c .mdh-tp__topic-nav svg{width:28px;height:28px;color:#ffda41}
#mdhTravelParking12242c .mdh-tp__topic-nav button:hover,#mdhTravelParking12242c .mdh-tp__topic-nav button[aria-expanded=true]{border-color:#b3cff0;background:linear-gradient(145deg,#2e587e,#102e48)}
#mdhTravelParking12242c .mdh-tp__topic-nav button:focus-visible{outline:3px solid #ffda41;outline-offset:3px}
#mdhTravelParking12242c [data-travel-enhanced] .mdh-tp__icon-panels{display:block}
#mdhTravelParking12242c [data-travel-enhanced] .mdh-tp__topic:not([open]){display:none}
#mdhTravelParking12242c [data-travel-enhanced] .mdh-tp__topic>summary{display:none}
@media(max-width:760px){#mdhTravelParking12242c .mdh-tp__topic-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:340px){#mdhTravelParking12242c .mdh-tp__topic-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:760px){#mdhTravelParking12242c .mdh-tp__topic-nav button{min-height:88px;padding:12px 6px;font-size:13px}}