/* ==========================================================================
   Great Guana Cay section: "Travelogue kin" Bahamas system (Sept 2026)
   Linked from every page in /guana/ (the hub carries the same rules inline).
   Palette: deep sea #0e3a4c · aquamarine #00778b · conch #d9573e · sand #f5eddd
   Type: Playfair Display SC + Playfair italic (as in the three Guana Cay
   travelogues), Source Serif 4 italic for deks, Source Sans 3 for body text.
   ========================================================================== */

/* Header band */
html body .article-header{background:#f5eddd;padding:26px 0 34px!important;margin-bottom:30px}
html body .article-header .spacer20{height:10px}

/* Title */
html body .article-header h1.article-title.article-title{font-family:"Playfair Display SC","Playfair Display SC Fallback",Georgia,serif!important;font-weight:900!important;font-size:clamp(32px,4.6vw,54px)!important;line-height:1.08!important;letter-spacing:0!important;text-transform:none!important;color:#0e3a4c!important;max-width:900px;margin-left:auto!important;margin-right:auto!important;text-wrap:balance}

/* Dek and date */
html body .article-header .article-snippet.article-snippet{font-family:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif!important;font-style:italic!important;font-weight:400!important;font-size:clamp(19px,1.9vw,22px)!important;line-height:1.4!important;color:#00778b!important;max-width:640px!important;margin:14px auto 0!important;text-wrap:balance}
html body .article-header .article-date.article-date{font-family:"Source Sans 3","Source Sans 3 Fallback",sans-serif!important;font-weight:400!important;font-size:15px!important;letter-spacing:.02em!important;color:#8a8171!important;margin-top:10px!important}

/* Section headings in the article body (not the black footer band, which keeps the sitewide footer style) */
html body .white-wrapper h2:not(.visually-hidden):not(.black-wrapper *){font-family:"Playfair Display SC","Playfair Display SC Fallback",Georgia,serif!important;font-weight:700!important;font-size:clamp(24px,2.6vw,30px)!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;color:#0e3a4c!important;display:inline-block;max-width:100%;border-bottom:2px solid #00778b;padding-bottom:8px;margin-top:1.6em}
html body .white-wrapper h3:not(.black-wrapper *){font-family:"Playfair Display","Playfair Display Fallback",Georgia,serif!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;color:#0e3a4c!important}

/* Links in running text */
html body .white-wrapper p a:not(.black-wrapper *),html body .white-wrapper li a:not(.black-wrapper *),html body .white-wrapper td a:not(.black-wrapper *){color:#00778b;text-decoration-color:rgba(0,119,139,.45);text-underline-offset:2px}
html body .white-wrapper p a:not(.black-wrapper *):hover,html body .white-wrapper li a:not(.black-wrapper *):hover,html body .white-wrapper td a:not(.black-wrapper *):hover{color:#d9573e;text-decoration-color:#d9573e}

@media (max-width:767px){
  html body .article-header h1.article-title.article-title{font-size:32px!important;line-height:1.1!important}
  html body .white-wrapper h2:not(.visually-hidden):not(.black-wrapper *){font-size:23px!important}
}

/* This template nests the black footer inside .white-wrapper, so white-page heading sizes leaked into it.
   Put the footer back to the sitewide footer style. (2026-09-28) */
html body .white-wrapper .black-wrapper .footer-library h3.center{font-size:30px!important;letter-spacing:.02em!important;margin-top:0!important}
html body .white-wrapper .black-wrapper .footer-library h3.blink{font-size:20px!important;margin-top:0!important;color:#d1d1d3!important}
html body .white-wrapper .black-wrapper .footer-library h3.blink a{font-size:inherit!important}