body.page-template-page-the-isle-map {
  --showu-map-bar: 64px;
  background: #10130f;
}

.page-template-page-the-isle-map > .nr-mobile-header,
.page-template-page-the-isle-map > .nr-mobile-topics,
.page-template-page-the-isle-map > .showu-footer {
  display: none !important;
}

.showu-map-page {
  min-height: calc(100dvh - var(--nr-admin-offset, 0px));
  background: #10130f;
  color: #f7f5ee;
}

.showu-map-bar {
  position: relative;
  z-index: 20;
  display: grid;
  grid-template-columns: minmax(150px, 1fr) auto minmax(150px, 1fr);
  align-items: center;
  min-height: var(--showu-map-bar);
  padding: 8px 18px;
  border-bottom: 1px solid rgba(255,255,255,.12);
  background: #171b16;
  box-shadow: 0 8px 28px rgba(0,0,0,.24);
}

.showu-map-back,
.showu-map-action {
  color: #e9ebe3;
  font: 700 .78rem/1 "Newsr Sans", Inter, sans-serif;
  letter-spacing: .02em;
  text-decoration: none;
}

.showu-map-back {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  width: max-content;
  padding: 10px 12px;
  border-radius: 999px;
}

.showu-map-back:hover,
.showu-map-action:hover { background: rgba(255,255,255,.09); color: #fff; }

.showu-map-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-width: 0;
}

.showu-map-brand .nr-brand { color: #fff; font-size: 1rem; }
.showu-map-brand .nr-brand svg { width: 30px; height: 30px; }
.showu-map-divider { width: 1px; height: 32px; background: rgba(255,255,255,.2); }
.showu-map-brand > div:last-child { display: grid; gap: 2px; }
.showu-map-brand strong { color: #fff; font: 700 .9rem/1.1 "Newsr Sans", Inter, sans-serif; white-space: nowrap; }
.showu-map-brand small { color: #aeb8a7; font: 600 .67rem/1.1 "Newsr Sans", Inter, sans-serif; letter-spacing: .08em; text-transform: uppercase; }

.showu-map-actions { display: flex; justify-content: flex-end; gap: 8px; }
.showu-map-action {
  appearance: none;
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
}

.showu-map-guides-button {
  gap: 8px;
  border-color: #f4b740;
  background: #f4b740;
  color: #171b16;
}

.showu-map-guides-button:hover { background: #ffd16f; color: #111; }
.showu-map-guides-button span {
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border-radius: 50%;
  background: rgba(23,27,22,.14);
  font-size: .66rem;
}
.showu-map-stage {
  position: relative;
  height: calc(100dvh - var(--showu-map-bar) - var(--nr-admin-offset, 0px));
  min-height: 480px;
  background: radial-gradient(circle at 50% 40%, #2a3128, #0d100d 70%);
}

.showu-map-stage iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #0d100d;
}

.showu-map-outlink-mask {
  position: absolute;
  z-index: 8;
  bottom: 0;
  left: 0;
  width: min(214px, 100%);
  height: 48px;
  border-top: 1px solid rgba(255,255,255,.08);
  background: #111822;
  pointer-events: auto;
}

.showu-map-guide-prompt {
  position: absolute;
  z-index: 10;
  right: 18px;
  bottom: 18px;
  display: grid;
  gap: 3px;
  min-width: 220px;
  padding: 13px 16px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  background: rgba(23,27,22,.94);
  box-shadow: 0 12px 34px rgba(0,0,0,.3);
  color: #fff;
  text-align: left;
  cursor: pointer;
  backdrop-filter: blur(8px);
}
.showu-map-guide-prompt strong { font: 750 .83rem/1.2 "Newsr Sans", Inter, sans-serif; }
.showu-map-guide-prompt span { color: #f4c765; font: 700 .72rem/1.2 "Newsr Sans", Inter, sans-serif; }
.showu-map-guide-prompt:hover { transform: translateY(-2px); background: #20261f; }

.showu-map-guides-backdrop {
  position: absolute;
  z-index: 14;
  inset: 0;
  visibility: hidden;
  border: 0;
  background: rgba(5,8,6,.48);
  opacity: 0;
  cursor: pointer;
  transition: opacity .2s ease, visibility .2s ease;
}

.showu-map-guides {
  position: absolute;
  z-index: 15;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(420px, 100%);
  overflow-y: auto;
  padding: 20px;
  border-left: 1px solid #dfe4da;
  background: #fbfcf8;
  color: #20251f;
  box-shadow: -18px 0 50px rgba(0,0,0,.25);
  transform: translateX(102%);
  transition: transform .24s ease;
}

.showu-map-guides-open .showu-map-guides { transform: translateX(0); }
.showu-map-guides-open .showu-map-guides-backdrop { visibility: visible; opacity: 1; }
.showu-map-chat-backdrop { position:absolute; z-index:14; inset:0; visibility:hidden; border:0; background:rgba(5,8,6,.48); opacity:0; cursor:pointer; transition:opacity .2s ease,visibility .2s ease; }
.showu-map-chat { position:absolute; z-index:15; top:0; right:0; bottom:0; display:grid; grid-template-rows:auto auto auto minmax(0,1fr) auto; width:min(390px,100%); padding:20px; border-left:1px solid #dfe4da; background:#fbfcf8; color:#20251f; box-shadow:-18px 0 50px rgba(0,0,0,.25); transform:translateX(102%); transition:transform .24s ease; }
.showu-map-chat-open .showu-map-chat { transform:translateX(0); }
.showu-map-chat-open .showu-map-chat-backdrop { visibility:visible; opacity:1; }
.showu-map-chat > header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding-bottom:14px; border-bottom:1px solid #dfe4da; }
.showu-map-chat > header small { color:#697365; font:750 .66rem/1 "Newsr Sans",Inter,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.showu-map-chat h2 { margin:5px 0 0; color:#182018; font:750 1.45rem/1.05 Newsreader,Georgia,serif; }
.showu-map-chat > header button { display:grid; width:36px; height:36px; place-items:center; border:1px solid #d7ddd3; border-radius:50%; background:#fff; color:#252b24; font-size:1.45rem; cursor:pointer; }
.showu-map-chat-intro { margin:14px 0 10px; color:#596257; font:500 .79rem/1.45 "Newsr Sans",Inter,sans-serif; }
.showu-map-chat-status { min-height:30px; padding:8px 10px; border-radius:8px; background:#edf3e9; color:#40513b; font:650 .7rem/1.35 "Newsr Sans",Inter,sans-serif; }
.showu-map-chat-status.is-error { background:#fff0ec; color:#9b3320; }
.showu-map-chat-messages { display:grid; align-content:start; gap:8px; min-height:0; overflow:auto; padding:12px 0; }
.showu-map-chat-message { padding:9px 10px; border:1px solid #e1e6de; border-radius:9px; background:#fff; }
.showu-map-chat-message strong { color:#253024; font:750 .75rem/1 "Newsr Sans",Inter,sans-serif; }
.showu-map-chat-message time { margin-left:8px; color:#7b8577; font:600 .66rem/1 "Newsr Sans",Inter,sans-serif; }
.showu-map-chat-message p { margin:5px 0 0; color:#3d473a; font:500 .78rem/1.42 "Newsr Sans",Inter,sans-serif; overflow-wrap:anywhere; }
.showu-map-chat-form { display:grid; gap:9px; padding-top:12px; border-top:1px solid #dfe4da; }
.showu-map-chat-form label { display:grid; gap:4px; }
.showu-map-chat-form label > span, .showu-map-chat-form small { color:#697365; font:700 .65rem/1 "Newsr Sans",Inter,sans-serif; letter-spacing:.05em; text-transform:uppercase; }
.showu-map-chat-form input, .showu-map-chat-form textarea { width:100%; padding:9px 10px; border:1px solid #cfd7ca; border-radius:8px; background:#fff; color:#20251f; font:500 .8rem/1.35 "Newsr Sans",Inter,sans-serif; resize:vertical; }
.showu-map-chat-form > div { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.showu-map-chat-form button { padding:10px 12px; border:0; border-radius:8px; background:#273329; color:#fff; font:750 .73rem/1 "Newsr Sans",Inter,sans-serif; cursor:pointer; }
.showu-map-chat-form button:disabled { opacity:.6; cursor:wait; }
.showu-map-chat.showu-map-chat-inline { position:relative; z-index:1; top:auto; right:auto; bottom:auto; display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,420px); grid-template-rows:auto auto minmax(300px,430px); column-gap:28px; width:min(1040px,calc(100% - 36px)); margin:34px auto; padding:28px; border:1px solid #dfe4da; border-radius:16px; background:#fbfcf8; box-shadow:0 18px 50px rgba(0,0,0,.18); transform:none; }
.showu-map-chat-inline > header,.showu-map-chat-inline > .showu-map-chat-intro,.showu-map-chat-inline > .showu-map-chat-status { grid-column:1 / -1; }
.showu-map-chat-inline .showu-map-chat-messages { grid-column:1; grid-row:3; padding:14px; border:1px solid #dfe4da; border-radius:12px; background:#f3f6f0; }
.showu-map-chat-inline .showu-map-chat-form { grid-column:2; grid-row:3; align-self:start; padding:16px; border:1px solid #dfe4da; border-radius:12px; background:#fff; }
.showu-map-chat-prompt { position:absolute; z-index:10; right:18px; bottom:94px; display:grid; gap:3px; min-width:220px; padding:13px 16px; border:1px solid rgba(255,255,255,.14); border-radius:12px; background:rgba(23,27,22,.94); box-shadow:0 12px 34px rgba(0,0,0,.3); color:#fff; text-align:left; cursor:pointer; backdrop-filter:blur(8px); }
.showu-map-chat-prompt strong { font:750 .83rem/1.2 "Newsr Sans",Inter,sans-serif; }.showu-map-chat-prompt span { color:#9de09b; font:700 .72rem/1.2 "Newsr Sans",Inter,sans-serif; }.showu-map-chat-prompt:hover { transform:translateY(-2px); background:#20261f; }
.showu-map-guides > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding-bottom: 14px; border-bottom: 1px solid #dfe4da; }
.showu-map-guides > header small { color: #697365; font: 750 .66rem/1 "Newsr Sans", Inter, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.showu-map-guides h2 { margin: 5px 0 0; color: #182018; font: 750 1.45rem/1.05 Newsreader, Georgia, serif; }
.showu-map-guides > header button {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid #d7ddd3;
  border-radius: 50%;
  background: #fff;
  color: #252b24;
  font-size: 1.45rem;
  cursor: pointer;
}
.showu-map-guides-intro { margin: 14px 0 16px; color: #596257; font: 500 .83rem/1.5 "Newsr Sans", Inter, sans-serif; }
.showu-map-guide-list { display: grid; gap: 10px; }
.showu-map-guide-card {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 82px;
  padding: 8px;
  border: 1px solid #e0e5dc;
  border-radius: 10px;
  background: #fff;
  color: #20251f;
  text-decoration: none;
  transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.showu-map-guide-card:hover { border-color: #adb9a8; transform: translateY(-1px); box-shadow: 0 8px 22px rgba(32,48,29,.09); }
.showu-map-guide-card img { width: 104px; height: 66px; border-radius: 7px; object-fit: cover; }
.showu-map-guide-card > span { display: grid; gap: 5px; }
.showu-map-guide-card strong { color: #20251f; font: 750 .81rem/1.25 "Newsr Sans", Inter, sans-serif; }
.showu-map-guide-card small { color: #687166; font: 500 .69rem/1.35 "Newsr Sans", Inter, sans-serif; }
.showu-map-all-guides {
  display: flex;
  justify-content: center;
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 9px;
  background: #273329;
  color: #fff;
  font: 750 .78rem/1 "Newsr Sans", Inter, sans-serif;
  text-decoration: none;
}
.showu-map-all-guides:hover { background: #182219; color: #fff; }

.showu-map-stage:fullscreen { height: 100dvh; }
.showu-map-stage:fullscreen iframe { height: 100dvh; }
.showu-map-fallback { margin: 0; padding: 24px; color: #fff; }

.showu-map-seo { max-width:1040px; margin:0 auto; padding:64px 24px 76px; background:#fff; color:#20251f; }
.showu-map-seo h1 { margin:0 0 16px; font:750 clamp(2rem,4vw,3.4rem)/1.03 Newsreader,Georgia,serif; }.showu-map-seo > p { max-width:760px; margin:0; color:#4d564b; font-size:1.02rem; }
.showu-map-seo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin-top:38px; }.showu-map-seo-grid section { padding:24px; border:1px solid #dfe6da; border-radius:14px; background:#f8faf6; }.showu-map-seo h2 { margin:0 0 12px; font:750 1.45rem/1.12 Newsreader,Georgia,serif; }.showu-map-seo p,.showu-map-seo li { color:#4d564b; font:500 .94rem/1.65 "Newsr Sans",Inter,sans-serif; }.showu-map-seo ol { margin:0; padding-left:20px; }.showu-map-faq { margin-top:32px; }.showu-map-faq details { border-top:1px solid #dfe6da; }.showu-map-faq summary { padding:15px 0; color:#253024; font:750 .92rem/1.3 "Newsr Sans",Inter,sans-serif; cursor:pointer; }.showu-map-faq p { margin:0 0 16px; }

@media (max-width: 720px) {
  body.page-template-page-the-isle-map { --showu-map-bar: 56px; }
  .showu-map-bar { grid-template-columns: auto minmax(0, 1fr) auto; padding: 7px 9px; }
  .showu-map-back { padding: 10px; font-size: 1rem; }
  .showu-map-back span, .showu-map-brand .nr-brand-word, .showu-map-divider, .showu-map-brand small, #showu-map-fullscreen { display: none; }
  .showu-map-brand { justify-content: flex-start; gap: 8px; }
  .showu-map-brand .nr-brand { flex: 0 0 auto; }
  .showu-map-brand strong { display: block; max-width: 42vw; overflow: hidden; text-overflow: ellipsis; font-size: .82rem; }
  .showu-map-action { min-height: 36px; padding: 0 10px; }
  .showu-map-guides-button { font-size: .7rem; }
  .showu-map-guides-button span { display: none; }
  .showu-map-stage { min-height: 0; }
  .showu-map-guide-prompt { right: 10px; bottom: 10px; min-width: 190px; padding: 11px 13px; }
  .showu-map-chat-prompt { right:10px; bottom:82px; min-width:190px; padding:11px 13px; }
  .showu-map-guides { width: 100%; padding: 17px 14px 24px; }
  .showu-map-chat { width:100%; padding:17px 14px 20px; }
  .showu-map-chat.showu-map-chat-inline { grid-template-columns:1fr; grid-template-rows:auto auto auto minmax(260px,52vh) auto; width:calc(100% - 24px); margin:18px auto; padding:18px 14px; }
  .showu-map-chat-inline .showu-map-chat-messages { grid-column:1; grid-row:4; }
  .showu-map-chat-inline .showu-map-chat-form { grid-column:1; grid-row:5; margin-top:12px; }
  .showu-map-guide-card { grid-template-columns: 92px minmax(0, 1fr); }
  .showu-map-guide-card img { width: 92px; height: 62px; }
  .showu-map-chat-button { display:none; }
  .showu-map-seo { padding:42px 18px 54px; }.showu-map-seo-grid { grid-template-columns:1fr; gap:14px; margin-top:24px; }.showu-map-seo-grid section { padding:18px; }
}