:root {
  --pub-id: zanzibarweb;
  --pub-ink: #273F3A;
  --pub-muted: #5D6054;
  --pub-accent: #165F77;
  --pub-top: #253E36;
  --pub-night: #174D59;
  --pub-deep: #202E2B;
  --pub-mist: #F7F0DA;
  --pub-paper: #FFFCF5;
  --pub-line: #DBD6C3;
  --pub-glow: #F3D77F;
  --pub-mark: #BB8B31;
  --pub-on-dark: #DBDEDD;
  --pub-field: #7C7E73;
  --pub-dark-line: #829FA5;
  --pub-active: #35646F;
  --pub-shadow-rgb: 20 29 27;
}
/* These are the publication's surface and interaction colours. Layout, artwork
   and the three-colour WTS advertiser mark belong to the original components. */
body.wtse-site {
  --wtse-ink: var(--pub-ink);
  --wtse-muted: var(--pub-muted);
  --wtse-line: var(--pub-line);
  --wtse-paper: var(--pub-paper);
  --wtse-tint: var(--pub-mist);
  /* The old template has a single inline accent on body. */
  --wtse-accent: var(--pub-accent) !important;
  background: var(--pub-paper) !important;
}
::selection { color: white; background: var(--pub-accent); }
.wtse-top { background: var(--pub-top); }
.wtse-top a:hover, .wtse-footer a:hover { color: var(--pub-glow); }
.wtse-header { background: var(--pub-paper); border-color: var(--pub-line); }
.wtse-nav a:hover, .wtse-directory-grid a:hover, .wtse-breadcrumb a:hover { color: var(--pub-accent); text-decoration: underline; text-underline-offset: .22em; }
.wtse-site a.wtse-button, .wtse-search button, .wtse-pagination .current,
.wtse-site .wtse-prose input[type=submit], .wtse-site .wtse-prose button[type=submit], .wtse-commerce .button {
  background: var(--pub-accent) !important; color: white !important;
}
.wtse-site a.wtse-button:hover, .wtse-site .wtse-search button:hover, .wtse-site .wtse-prose input[type=submit]:hover,
.wtse-site .wtse-prose button[type=submit]:hover, .wtse-commerce .button:hover { background: var(--pub-deep) !important; }
.wtse-search, .wtse-prose input:not([type=checkbox]):not([type=radio]), .wtse-prose textarea, .wtse-prose select { border-color: var(--pub-field); }
.wtse-search input::placeholder { color: var(--pub-muted); opacity: 1; }
.wtse-guide-grid article, .wtse-directory-grid a, .wtse-footer-social, .wtse-footer-bottom { border-color: var(--pub-line); }
.wtse-card-placeholder { background: linear-gradient(135deg,var(--pub-deep),var(--pub-night)); }
.wtse-card-placeholder>span { color: var(--pub-glow); }
.wtse-archive-note { background: var(--pub-mist); }
.wtse-article-heading h1, .wtse-archive-heading h1 { color: var(--pub-ink); }
.wtse-section-heading .wtse-kicker, .wtse-help .wtse-kicker { color: var(--pub-accent); }
.wtse-guide-grid article { border-top-color: var(--pub-mark); }
.wtse-cinema, .wtse-promo { background: var(--pub-night); color: white; }
.wtse-cinema .wtse-kicker, .wtse-promo-link, .wtse-social-icon { color: var(--pub-glow); }
.wtse-cinema .wtse-section-heading p, .wtse-video-caption p, .wtse-video-caption a,
.wtse-video-list small, .wtse-promo-copy p, .wtse-footer, .wtse-footer p { color: var(--pub-on-dark); }
.wtse-video-stage, .wtse-video-play { background: var(--pub-deep); }
.wtse-video-play>span { color: var(--pub-deep); }
.wtse-video-list button, .wtse-social-links a { border-color: var(--pub-dark-line); }
.wtse-video-list button:hover, .wtse-video-list button[aria-pressed=true] { background: var(--pub-active); border-color: var(--pub-glow); }
.wtse-footer { background: var(--pub-deep); }
.wtse-footer-social, .wtse-footer-bottom { border-color: var(--pub-dark-line); }
.wtse-footer .wtse-text-link { color: var(--pub-glow) !important; }
.wtse-footer a:focus-visible, .wtse-cinema :focus-visible, .wtse-top a:focus-visible { outline-color: var(--pub-glow); }
.wtse-site .wtse-opening-story { background-color: var(--pub-night); }
.wtse-opening-copy { background: linear-gradient(transparent, rgb(var(--pub-shadow-rgb) / 92%)); }
.wtse-feature-card .wtse-card-copy { background: linear-gradient(180deg,transparent 5%,rgb(var(--pub-shadow-rgb) / 12%) 25%,rgb(var(--pub-shadow-rgb) / 91%)); }
.wtse-opening-story>a:hover { color: white; }
.wtse-site .wtse-opening-story>a:focus-visible { outline: 3px solid white; outline-offset: -5px; }
.wtse-site .wtse-opening-story>a:focus-visible .wtse-opening-link { text-decoration: underline; }
/* Modal, mobile search and native fields share the same palette as the page. */
#wtse-find { background: var(--pub-paper); color: var(--pub-ink); }
#wtse-find::backdrop { background: rgb(var(--pub-shadow-rgb) / 57%); }
.wtse-find-bar { background: var(--pub-paper); border-color: var(--pub-line); }
#wtse-find .wtse-find-edition, #wtse-find .wtse-find-quick button, .wtse-find-copy small { color: var(--pub-accent); }
#wtse-find-title, #wtse-find-input, #wtse-find .wtse-find-group h3, .wtse-nav .wtse-find-header { color: var(--pub-ink); }
#wtse-find .wtse-find-close, .wtse-find-mobile, .wtse-menu-toggle { color: var(--pub-ink); background: var(--pub-mist); }
#wtse-find .wtse-find-form { background: white; border-color: var(--pub-field); }
#wtse-find-input::placeholder, .wtse-find-quick>span, #wtse-find-status, .wtse-find-copy .wtse-find-description { color: var(--pub-muted); }
#wtse-find .wtse-find-submit, #wtse-find .wtse-find-retry { background: var(--pub-accent); }
#wtse-find .wtse-find-submit:hover, #wtse-find .wtse-find-retry:hover { background: var(--pub-deep); }
#wtse-find .wtse-find-submit:disabled { background: var(--pub-muted); }
#wtse-find .wtse-find-card { background: white; color: var(--pub-ink); border-color: var(--pub-line); }
#wtse-find .wtse-find-card:hover, #wtse-find .wtse-find-card:focus-visible { background: var(--pub-mist); border-color: var(--pub-accent); }
.wtse-find-photo { background: var(--pub-mist); }
#wtse-find :focus-visible, .wtse-find-mobile:focus-visible, .wtse-find-header:focus-visible { outline-color: var(--pub-accent); }
@media (max-width:900px) { .wtse-nav { background: var(--pub-paper); } }

/* Bali: warm paper and a vermilion editorial lead. */
.wtse-opening--bali { background: var(--pub-mist); }
.wtse-opening--bali h1 { color: var(--pub-night); }
/* Samui: Thai indigo behind white editorial text, with lotus accents. */
.wtse-opening--hsamuic .wtse-opening-story--1 .wtse-opening-photo:after {
  background: linear-gradient(90deg,rgba(19,22,52,.91),rgba(26,31,60,.28) 76%);
}
.wtse-opening--hsamuic .wtse-opening-intro .wtse-kicker { color: var(--pub-glow); }
.wtse-opening--hsamuic .wtse-opening-summary>p { color: white; }
.wtse-opening--hsamuic .wtse-opening-story:not(.wtse-opening-story--1),
.wtse-opening--kefalonya .wtse-opening-story:not(.wtse-opening-story--1),
.wtse-opening--ka .wtse-opening-story:not(.wtse-opening-story--1) { background: var(--pub-mist); }
.wtse-opening--hsamuic .wtse-opening-story:not(.wtse-opening-story--1)>a,
.wtse-opening--kefalonya .wtse-opening-story:not(.wtse-opening-story--1)>a,
.wtse-opening--ka .wtse-opening-story:not(.wtse-opening-story--1)>a { color: var(--pub-ink); }
/* Riviera: a printed tricolour rule between the title and photo essays. */
.wtse-opening--italyaplajlari .wtse-opening-intro {
  background: linear-gradient(to right,var(--pub-accent) 0 33.333%,white 33.333% 66.666%,var(--pub-mark) 66.666%) left bottom / 100% 3px no-repeat;
  border-bottom-color: var(--pub-line);
}
.wtse-opening--italyaplajlari .wtse-opening-story { background: var(--pub-paper); border-color: var(--pub-line); }
.wtse-opening--italyaplajlari .wtse-opening-story>a, .wtse-opening--tropik .wtse-opening-story>a { color: var(--pub-ink); }
/* Ski: signal red against shaded snow and alpine slate. */
.wtse-opening--kayak { background: linear-gradient(130deg,var(--pub-deep),var(--pub-night)); }
.wtse-opening--kayak .wtse-opening-intro .wtse-kicker, .wtse-opening--ya .wtse-opening-intro .wtse-kicker { color: var(--pub-glow); }
.wtse-opening--kayak .wtse-opening-summary>p, .wtse-opening--ya .wtse-opening-summary>p { color: white; }
/* Ionian light, limestone and Cycladic blue have distinct surfaces. */
.wtse-opening--kefalonya .wtse-opening-intro { background: linear-gradient(0deg,var(--pub-mist),transparent 72%); border-bottom: 2px solid var(--pub-mark); }
.wtse-opening--ka .wtse-opening-intro { background-color: var(--pub-mist); border-top-color: var(--pub-mark); }
.wtse-opening--ya { background: var(--pub-top); }
.wtse-opening--ya .wtse-search button { background: var(--pub-deep) !important; }
/* Andean textiles, a palm lagoon and Zanzibar's brass and stone. */
.wtse-opening--latin { background: var(--pub-mist); }
.wtse-opening--latin h1 { color: var(--pub-top); }
.wtse-opening--latin .wtse-opening-number, .wtse-opening--zanzibarweb .wtse-opening-number { color: var(--pub-glow); }
.wtse-opening--tropik { background: linear-gradient(155deg,var(--pub-mist) 35%,#E2F1F4); }
.wtse-opening--tropik .wtse-opening-story { background: transparent; }
.wtse-opening--zanzibarweb { background: var(--pub-mist); }
.wtse-opening--zanzibarweb .wtse-opening-intro h1 { color: var(--pub-top); }
@media (max-width:700px) {
  .wtse-opening--hsamuic .wtse-opening-story--1 .wtse-opening-photo:after { background: linear-gradient(180deg,rgba(18,22,48,.90),rgba(20,22,47,.52) 58%,rgba(16,18,41,.37)); }
  .wtse-opening--hsamuic .wtse-opening-story--1 .wtse-opening-copy { background: linear-gradient(transparent,rgba(17,20,44,.92)); }
}