.pageFrame {
  border-collapse: collapse;
}

.leftBorder {
  width: 165px;
}

.navHold {
  height: 496px;
}

.innMark {
  border-collapse: collapse;
}

.innLogoCell {
  height: 44px;
  vertical-align: top;
}

.innLogo {
  width: 132px;
  height: 44px;
  background-color: #a5dffe;
  background-image: url("Logo_no_background.gif");
  background-repeat: no-repeat;
}

.gutterCell {
  width: 24px;
}

.storyCell,
.storyTable,
.storyBody,
.picTable,
.cmpTable {
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #000000;
}

.storyTable,
.storyBody {
  border-collapse: collapse;
}

.storyMain {
  padding: 0 0 16px;
  vertical-align: top;
}

.crumbBar {
  margin: 0 0 8px;
  font-family: "Arial Narrow", sans-serif;
  font-size: 14px;
  line-height: 1.4;
}

.storyDeck {
  margin: 0 0 8px;
  font-family: "Arial Black", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #333300;
}

.storyTitle {
  margin: 0;
  font-family: Cotillion;
  font-size: 55pt;
  font-weight: 400;
  line-height: 1.2;
  color: #0000ff;
}

.bioBlock {
  margin: 12px 0 0;
}

.bioName {
  margin: 0;
  font-family: "Arial Narrow", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}

.heroDate {
  margin: 4px 0 0;
  font-family: "Arial Narrow", sans-serif;
  font-size: 14px;
  line-height: 1.4;
}

.storyFlow {
  padding: 8px 0 0;
  vertical-align: top;
}

.tocBlock {
  margin: 0 0 24px;
}

.tocHead {
  margin: 0 0 4px;
  font-family: "Arial Narrow", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}

.tocList {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tocItem {
  margin: 0 0 4px;
  line-height: 1.5;
}

.tocItem::before,
.recItem::before {
  content: "\2013\00a0";
}

.tocItem a,
.recLink {
  text-decoration: none;
}

.introBlock {
  margin: 0 0 24px;
}

.introPhoto {
  display: block;
  width: 100%;
  max-width: 700px;
  height: auto;
  margin: 0 0 16px;
  border: 1px solid #0000ee;
}

.mapBlock {
  margin: 0 0 24px;
}

.blockHead {
  margin: 0;
  font-family: "Times New Roman", serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
  color: #006600;
}

.mapBox {
  display: none;
}

.mapBox.isLive {
  display: block;
  width: 100%;
  max-width: 566px;
  aspect-ratio: 1 / 1;
  border: 1px solid #0000ee;
}

.pinList {
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.pinItem {
  margin: 0 0 8px;
}

.pinBtn {
  padding: 4px 10px;
  border: 1px solid #000000;
  border-radius: 0;
  background: transparent;
  font-family: "Arial Narrow", sans-serif;
  font-size: 14px;
  line-height: 1.3;
  color: #000000;
  text-align: start;
  cursor: pointer;
}

.pinMark {
  font-weight: 700;
  color: #0000ff;
}

.pinCard {
  display: none;
}

.pinDot {
  display: block;
  width: 22px;
  height: 22px;
  border: 1px solid #000000;
  font-family: "Arial Narrow", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
}

.pinTop {
  background-color: #0000ff;
  color: #ffffff;
}

.pinMid {
  background-color: #006600;
  color: #ffffff;
}

.pinRest {
  background-color: #ffffff;
  color: #000000;
}

.storyParts {
  margin: 0 0 24px;
}

.secBlock {
  padding: 16px;
}

.secAlt {
  background-color: #ffffff;
}

.secTitle {
  margin: 0;
  font-family: "Times New Roman", serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
  color: #006600;
}

.subTitle {
  margin: 16px 0 8px;
  font-family: "Times New Roman", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.25;
  color: #006600;
}

.deepTitle {
  margin: 12px 0 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.picTable {
  width: 100%;
  margin: 12px 0;
  border-collapse: collapse;
  table-layout: fixed;
}

.picCell {
  width: 50%;
  padding: 8px;
  vertical-align: top;
}

.picImg {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.picCap {
  margin: 8px 0 0;
  font-family: Times, serif;
  font-size: 16px;
  font-style: italic;
  line-height: 1.4;
  text-align: center;
}

.richText,
.paraText {
  max-width: 640px;
}

.richText a,
.stayText a {
  font-size: inherit;
  text-decoration: none;
}

.para {
  margin: 0 0 16px;
}

.paraText > .para:first-child,
.richText > p:first-child {
  font-weight: 500;
}

.stayList {
  max-width: 566px;
  margin: 16px 0 0;
}

.stayItem {
  margin: 0 0 12px;
  padding: 16px;
  border: 1px solid #808080;
  border-radius: 6px;
  background-color: #a5dffe;
}

.stayAlt {
  background-color: #ffffff;
}

.stayHead {
  text-align: center;
  cursor: pointer;
}

.stayName {
  display: inline;
  margin: 0;
  font-family: "Times New Roman", serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
  color: #006600;
}

.stayStars,
.stayTag {
  display: block;
  margin: 8px 0 0;
  font-family: sans-serif;
  font-size: 14px;
  line-height: 1.3;
}

.stayTag {
  font-weight: 700;
}

.stayMedia {
  margin: 12px 0 0;
}

.shotStrip {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}

.shotZoom {
  flex: 0 0 100%;
  padding: 0;
  border: 0;
  background: transparent;
  scroll-snap-align: start;
  cursor: zoom-in;
}

.shotImg {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #0000ee;
  box-sizing: border-box;
}

.shotBar {
  display: flex;
  justify-content: space-between;
  margin: 8px 0 0;
  font-family: "Arial Narrow", sans-serif;
  font-size: 14px;
  line-height: 1.3;
}

.shotTotal {
  font-weight: 700;
}

.shotCount {
  white-space: nowrap;
}

.shotThumbs {
  display: flex;
  gap: 8px;
  margin: 8px 0 0;
  overflow-x: auto;
}

.shotThumb {
  flex: 0 0 auto;
  padding: 0;
  border: 1px solid #0000ee;
  background: transparent;
  cursor: pointer;
}

.thumbImg {
  display: block;
  width: 75px;
  height: 75px;
  object-fit: cover;
}

.stayInfo {
  margin: 12px 0 0;
  text-align: center;
}

.stayNear,
.stayFeats,
.stayTimes {
  margin: 0 0 8px;
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.4;
}

.stayFeats {
  font-weight: 700;
}

.stayText {
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 1.5;
  text-align: start;
}

.stayMapRow {
  margin: 0;
}

.stayMap,
.stayGo,
.helpBtn,
.shareBtn {
  padding: 4px 12px;
  border: 1px solid #000000;
  border-radius: 0;
  background: transparent;
  font-family: "Arial Narrow", sans-serif;
  font-size: 14px;
  line-height: 1.3;
  color: #000000;
  cursor: pointer;
}

.stayFoot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 12px 0 0;
  padding: 8px 0 0;
  border-top: 1px solid #808080;
}

.stayPrice {
  padding: 4px 10px;
  background-color: #0000ff;
  font-family: "Arial Narrow", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #ffffff;
}

.stayGo {
  margin-inline-start: auto;
  font-size: 18px;
}

.helpBlock {
  margin: 0 0 24px;
  padding: 16px 0 0;
  border-top: 1px solid #808080;
}

.helpAsk {
  margin: 0 0 8px;
  font-family: "Arial Black", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #333300;
}

.helpBtn,
.shareBtn {
  margin: 0 8px 0 0;
  font-size: 16px;
}

.helpBtn[aria-pressed="true"],
.shareBtn[data-copied="true"] {
  background-color: #ffffff;
}

.faqBlock {
  margin: 0 0 24px;
}

.faqGrid {
  margin: 12px 0 0;
  column-count: 2;
  column-gap: 32px;
  counter-reset: faqNum;
}

.faqItem {
  margin: 0 0 16px;
  break-inside: avoid;
}

.faqAsk {
  margin: 0 0 4px;
  font-family: sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.faqAsk::before {
  counter-increment: faqNum;
  content: counter(faqNum) ". ";
  color: #006600;
}

.faqReply {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}

.cmpBlock {
  margin: 0 0 24px;
}

.cmpScroll {
  margin: 12px 0 0;
  overflow-x: auto;
}

.cmpTable {
  min-width: 100%;
  border-collapse: collapse;
  border-color: #808080;
  background-color: #ffffff;
}

.cmpHead {
  font-family: "Arial Narrow", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  text-align: start;
}

.cmpName {
  font-family: "Times New Roman", serif;
  font-size: 16px;
  line-height: 1.4;
  color: #006600;
  vertical-align: top;
}

.cmpStars {
  display: block;
  font-family: "Arial Narrow", sans-serif;
  font-size: 14px;
  color: #000000;
}

.cmpCell {
  min-width: 130px;
  font-size: 14px;
  line-height: 1.4;
  vertical-align: top;
}

.recBlock {
  margin: 0 0 24px;
}

.recList {
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.recItem {
  margin: 0 0 12px;
  line-height: 1.5;
}

.recLead {
  padding: 0 0 12px;
  border-bottom: 1px solid #808080;
}

.recLead::before {
  content: none;
}

.recPhoto {
  display: block;
  width: 100%;
  max-width: 566px;
  height: 220px;
  margin: 0 0 8px;
  border: 1px solid #0000ee;
  background-color: #ffffff;
  background-position: center;
  background-size: cover;
}

.recTitle {
  font-size: 16px;
}

.recLead .recTitle {
  font-family: "Times New Roman", serif;
  font-size: 24px;
  line-height: 1.3;
}

.recIntro {
  margin: 4px 0 0;
  font-size: 16px;
  line-height: 1.5;
}

@media (max-width: 760px) {
  .pageFrame,
  .pageFrame > tbody,
  .pageFrame > tbody > tr,
  .leftBorder,
  .storyCell,
  .storyTable,
  .storyTable > tbody,
  .storyTable > tbody > tr,
  .storyMain,
  .storyBody,
  .picTable,
  .picTable > tbody,
  .picTable > tbody > tr,
  .picCell {
    display: block;
    width: auto;
  }

  .navHold,
  .gutterCell {
    display: none;
  }

  .storyTitle {
    font-size: 32pt;
  }

  .secBlock,
  .stayItem {
    padding: 12px;
  }

  .faqGrid {
    column-count: 1;
  }
}