/* ==========================================================================
   Shared "inner page" components — destination / experience / itinerary /
   guide / blog
   ========================================================================== */

.breadcrumb{
  position:absolute;bottom:1.6rem;left:clamp(1.2rem,4vw,3rem);z-index:3;
  display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:rgba(255,253,248,.8);
}
.breadcrumb a{color:rgba(255,253,248,.8);}
.breadcrumb a:hover{color:var(--cream);}
.breadcrumb strong{color:var(--cream);font-weight:600;}

/* ---------- Page hero (destination / experience / itinerary) ---------- */
.page-hero{
  position:relative;min-height:640px;display:flex;align-items:center;justify-content:center;
  text-align:center;color:var(--cream);background-size:cover;background-position:center;
  padding:calc(var(--header-h) + 2rem) 1.5rem 5rem;
}
.page-hero::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(16,40,29,.7) 0%, rgba(16,40,29,.25) 45%, rgba(16,40,29,.75) 100%);
}
.page-hero-inner{position:relative;z-index:2;max-width:760px;}
.hero-kicker{
  display:flex;align-items:center;justify-content:center;gap:1rem;
  text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:600;color:#e8c98a;
  margin-bottom:1.2rem;
}
.hero-kicker::before,.hero-kicker::after{content:"";width:34px;height:1px;background:rgba(255,255,255,.5);}
.page-hero h1{font-size:clamp(1.6rem,3.6vw,2.3rem);line-height:1.25;color:var(--cream);margin-bottom:.9rem;}
.page-hero .hero-sub{margin:0 auto 2rem;color:rgba(255,253,248,.9);font-size:1.05rem;}
.page-hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}

.map-thumb{
  position:absolute;bottom:1.6rem;right:clamp(1.2rem,4vw,3rem);z-index:3;
  width:170px;height:110px;border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,.4);
  background:#173226 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="170" height="110"><rect width="170" height="110" fill="%231f4634"/><circle cx="95" cy="55" r="4" fill="%23c89b3c"/></svg>') center/cover;
  display:flex;align-items:flex-end;justify-content:center;padding-bottom:.6rem;
  color:var(--cream);font-size:.72rem;font-weight:600;letter-spacing:.04em;gap:.35rem;
  text-transform:uppercase;
}

/* ---------- Intro text with Read More ---------- */
.content-intro{
  max-width:900px;margin:5rem auto 0;padding:0 clamp(1.2rem,5vw,3rem);text-align:center;
}
.content-intro p{font-size:1.05rem;color:var(--ink);opacity:.85;margin-bottom:1rem;}
.read-more-toggle{
  display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;cursor:pointer;
  color:var(--gold-dark);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;
  margin-top:.6rem;
}
.content-intro .extra-copy{display:none;}
.content-intro.is-expanded .extra-copy{display:block;}
.content-intro.is-expanded .read-more-toggle .chev{transform:rotate(180deg);}
.chev{transition:transform .2s ease;display:inline-block;}

/* ---------- Highlights list ---------- */
.highlights{max-width:820px;margin:4rem auto 0;padding:0 clamp(1.2rem,5vw,3rem);}
.highlights h2{text-align:center;margin-bottom:2rem;font-size:clamp(1.5rem,3vw,2rem);}
.highlights ul{display:flex;flex-direction:column;gap:1rem;}
.highlights li{
  display:flex;gap:.8rem;align-items:flex-start;padding:1rem 1.2rem;
  background:var(--cream);border-radius:6px;border:1px solid var(--line);font-size:.97rem;
}
.highlights li .chev-icon{color:var(--gold-dark);flex-shrink:0;margin-top:.15rem;}

/* ---------- Wide quote / video banner ---------- */
.banner-wide{
  position:relative;height:60vh;min-height:400px;margin-top:5rem;background-size:cover;background-position:center;
  display:flex;align-items:flex-end;
}
.banner-wide::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg, rgba(16,40,29,.65), rgba(16,40,29,.05) 55%);}
.banner-wide-inner{position:relative;z-index:1;padding:3rem clamp(1.2rem,5vw,3rem);max-width:700px;}
.banner-wide-inner p{color:var(--cream);font-family:var(--font-display);font-size:clamp(1.1rem,4vw,1.4rem);font-style:italic;line-height:1.4;}

/* ---------- Sector / area comparison cards ---------- */
.areas{max-width:1300px;margin:5rem auto 0;padding:0 clamp(1.2rem,5vw,3rem);}
.areas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;margin-top:2.5rem;}
.area-card{border-radius:8px;overflow:hidden;position:relative;height:220px;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:1.1rem;color:var(--cream);}
.area-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(16,40,29,0) 45%, rgba(16,40,29,.8) 100%);}
.area-card span{position:relative;z-index:1;font-family:var(--font-display);font-size:1.05rem;}

/* ---------- Photo gallery grid ---------- */
.gallery-grid{
  max-width:1200px;margin:5rem auto 0;padding:0 clamp(1.2rem,5vw,3rem);
  display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:160px;gap:.8rem;
  margin-bottom:4rem;
}
.gallery-grid a{position:relative;border-radius:6px;overflow:hidden;background-size:cover;background-position:center;}
.gallery-grid a.g-large{grid-column:span 2;grid-row:span 2;}
.gallery-grid a.g-more::after{
  content:attr(data-more);position:absolute;inset:0;background:rgba(16,40,29,.6);color:var(--cream);
  display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;
}

/* ---------- Process / permit info cards (experience pages) ---------- */
.info-cards{max-width:1300px;margin:5rem auto 0;padding:0 clamp(1.2rem,5vw,3rem);}
.info-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:2.5rem;}
.info-card{background:var(--cream);border-radius:8px;padding:2rem 1.8rem;border:1px solid var(--line);}
.info-card .num{
  width:40px;height:40px;border-radius:50%;background:var(--forest-dark);color:var(--cream);
  display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.1rem;margin-bottom:1.2rem;
}
.info-card h4{font-size:1.1rem;margin-bottom:.6rem;}
.info-card p{font-size:.9rem;opacity:.78;}

/* ---------- FAQ accordion ---------- */
.faq{max-width:820px;margin:5rem auto 0;padding:0 clamp(1.2rem,5vw,3rem);}
.faq-item{border-bottom:1px solid var(--line);}
.faq-q{
  width:100%;text-align:left;background:none;border:none;padding:1.3rem 0;cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);
  font-size:1.05rem;color:var(--forest-dark);
}
.faq-q .chev{color:var(--gold-dark);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.faq-item.is-open .faq-a{max-height:700px;}
.faq-item.is-open .faq-q .chev{transform:rotate(180deg);}
.faq-a p{padding:0 0 1.3rem;opacity:.78;font-size:.94rem;max-width:70ch;}

/* ---------- Itinerary: price + best-time bar ---------- */
.trip-facts{max-width:1000px;margin:5rem auto 0;padding:0 clamp(1.2rem,5vw,3rem);}
.trip-cta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem;margin-bottom:1.6rem;}
.trip-cta-text{font-size:1.2rem;font-family:var(--font-display);color:var(--forest-dark);margin:0;}
.trip-book-btn{display:inline-block;flex-shrink:0;}
.best-time-legend{display:flex;gap:1.6rem;align-items:center;margin-bottom:.8rem;font-size:.88rem;}
.legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:.4rem;}
.legend-dot.best{background:#2f5d43;}
.legend-dot.good{background:#8ab399;}
.legend-dot.mixed{background:#e2ddd0;}
.month-bar{display:grid;grid-template-columns:repeat(12,1fr);border-radius:4px;overflow:hidden;height:34px;}
.month-bar span{display:flex;align-items:center;justify-content:center;font-size:.72rem;color:var(--forest-dark);}
.month-bar span.best{background:#2f5d43;color:var(--cream);}
.month-bar span.good{background:#8ab399;color:var(--forest-dark);}
.month-bar span.mixed{background:#e2ddd0;}
.month-labels{display:grid;grid-template-columns:repeat(12,1fr);margin-top:.5rem;}
.month-labels span{text-align:center;font-size:.72rem;opacity:.6;}

/* ---------- Quick overview box ---------- */
.overview-box{
  max-width:900px;margin:3rem auto 0;padding:2rem clamp(1.2rem,5vw,2.4rem);
  background:var(--cream);border-radius:8px;border:1px solid var(--line);
}
.overview-box h2{margin-bottom:1rem;}
.overview-box p{margin-bottom:.8rem;font-size:.95rem;}
.overview-box a{color:var(--gold-dark);}

/* ---------- Itinerary timeline ---------- */
.timeline{max-width:1000px;margin:0 auto;padding:0 clamp(1.2rem,5vw,3rem) 2rem;}
.timeline-marker{text-align:center;padding:2.6rem 0 1.6rem;position:relative;}
.timeline-marker span{
  text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:600;color:var(--ink);opacity:.55;
}
.timeline-dots{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:.8rem;}
.timeline-dots i{width:3px;height:3px;border-radius:50%;background:var(--gold-dark);display:block;}

.stop-card{background:var(--cream);border-radius:10px;overflow:hidden;box-shadow:0 14px 34px rgba(28,26,22,.08);margin-bottom:0;}
.stop-top{display:grid;grid-template-columns:1fr 1.15fr;}
.stop-media{position:relative;min-height:280px;background-size:cover;background-position:center;}
.stop-tag{
  position:absolute;top:1rem;left:1rem;background:rgba(16,40,29,.85);color:var(--cream);
  font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;padding:.35rem .7rem;border-radius:4px;
}
.stop-body{padding:2.4rem 2.2rem;}
.stop-nights{font-size:1rem;font-weight:600;color:var(--forest-dark);padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--line);}
.stop-body h3{font-size:1.35rem;margin-bottom:.8rem;}
.stop-body p{font-size:.94rem;opacity:.8;}

.stop-stay{display:grid;grid-template-columns:180px 1fr;gap:1.4rem;padding:1.6rem 2.2rem;border-top:1px solid var(--line);}
.stop-stay-img{border-radius:6px;background-size:cover;background-position:center;min-height:120px;}
.stop-stay p{font-size:.88rem;opacity:.78;}
.stop-stay a{color:var(--gold-dark);font-weight:600;}

@media (max-width:800px){
  .stop-top{grid-template-columns:1fr;}
  .stop-stay{grid-template-columns:1fr;}
}

/* ---------- Final CTA split (itinerary end) ---------- */
.final-cta{
  max-width:1100px;margin:2rem auto 6rem;padding:0 clamp(1.2rem,5vw,3rem);
  display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center;
}
.final-cta h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:1rem;}
.final-cta ul{display:flex;flex-direction:column;gap:.5rem;margin:1.4rem 0 0;}
.final-cta li{font-size:.92rem;display:flex;gap:.6rem;}
.final-cta li .country{opacity:.55;margin-left:.3rem;}
.final-cta-card{background:var(--cream);border-radius:10px;overflow:hidden;text-align:center;box-shadow:0 20px 50px rgba(28,26,22,.1);}
.final-cta-img{height:160px;background-size:cover;background-position:center;}
.final-cta-card-body{padding:2rem 2rem 2.4rem;}
.final-cta-card h3{font-size:1.3rem;margin-bottom:.7rem;}
.final-cta-card p{opacity:.75;font-size:.9rem;margin-bottom:1.6rem;}

/* ==========================================================================
   Blog
   ========================================================================== */
.blog-hero{padding:calc(var(--header-h) + 3rem) clamp(1.2rem,5vw,3rem) 3rem;text-align:center;max-width:800px;margin:0 auto;}
.blog-hero h1{font-size:clamp(1.6rem,3.6vw,2.2rem);line-height:1.2;margin-bottom:.8rem;}
.category-filter{
  display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;
  max-width:1100px;margin:2rem auto 0;padding:0 clamp(1.2rem,5vw,3rem);
}
.category-filter a{
  padding:.5rem 1.1rem;border-radius:20px;border:1px solid var(--line);font-size:.8rem;
  font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink);
}
.category-filter a.is-active,.category-filter a:hover{background:var(--forest-dark);color:var(--cream);border-color:var(--forest-dark);}

.blog-featured{max-width:1300px;margin:3rem auto 0;padding:0 clamp(1.2rem,5vw,3rem);display:grid;grid-template-columns:1.4fr 1fr;gap:1.2rem;grid-auto-rows:220px;}
.blog-featured a{position:relative;border-radius:8px;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:1.6rem;}
.blog-featured a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(16,40,29,0) 40%, rgba(16,40,29,.75) 100%);}
.blog-featured .f-main{grid-row:span 2;}
.blog-featured h2{position:relative;z-index:1;color:var(--cream);font-size:1.4rem;line-height:1.3;}
.blog-featured .f-main h2{font-size:1.8rem;}

.blog-list{max-width:1300px;margin:5rem auto 0;padding:0 clamp(1.2rem,5vw,3rem) 6rem;}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.5rem;}
.blog-card{
  display:block;background:var(--cream);border-radius:8px;overflow:hidden;
  box-shadow:0 12px 30px rgba(28,26,22,.08);transition:transform .2s ease, box-shadow .2s ease;
}
.blog-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(28,26,22,.12);}
.blog-card-img{height:200px;background-size:cover;background-position:center;position:relative;}
.blog-cat{position:absolute;top:.9rem;left:.9rem;background:var(--gold);color:var(--forest-dark);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;padding:.3rem .6rem;border-radius:3px;}
.blog-card-body{padding:1.3rem 1.4rem 1.5rem;}
.blog-card h3{font-family:var(--font-display);font-weight:600;font-size:1.08rem;line-height:1.4;margin-bottom:.6rem;}
.blog-card .post-meta{font-family:var(--font-body);font-size:.8rem;opacity:.6;}
.blog-card .post-meta strong{color:var(--forest-dark);opacity:1;}

/* ---------- Blog post / guide article ---------- */
.post-hero{position:relative;min-height:520px;display:flex;align-items:flex-end;background-size:cover;background-position:center;padding:0 clamp(1.2rem,5vw,3rem) 3.5rem;}
.post-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(16,40,29,.65) 0%, rgba(16,40,29,.15) 40%, rgba(16,40,29,.85) 100%);}
.post-hero-inner{position:relative;z-index:1;max-width:900px;margin:0 auto;text-align:center;}
.post-hero .eyebrow{color:#e8c98a;}
.post-hero h1{color:var(--cream);font-size:clamp(1.7rem,3.8vw,2.4rem);line-height:1.25;}

.post-byline{
  max-width:900px;margin:2rem auto 0;padding:0 clamp(1.2rem,5vw,3rem);
  display:flex;align-items:center;justify-content:center;gap:.7rem;font-size:.9rem;color:var(--ink);opacity:.75;
}

.post-wrap{max-width:900px;margin:2.5rem auto 0;padding:0 clamp(1.2rem,5vw,3rem);position:relative;}
.post-wrap.no-byline{margin-top:1rem;}
.post-share{
  position:sticky;top:calc(var(--header-h) + 1rem);float:left;margin-left:-4.5rem;
  display:flex;flex-direction:column;gap:.7rem;align-items:center;
}
.post-share span{writing-mode:vertical-rl;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;opacity:.5;margin-bottom:.4rem;}
.post-share a{
  width:34px;height:34px;border-radius:50%;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--ink);
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.post-share a:hover{background:var(--forest-dark);color:var(--cream);border-color:var(--forest-dark);}
.post-body p{font-size:1.02rem;line-height:1.75;color:var(--ink);margin-bottom:1.4rem;}
.post-body img{border-radius:8px;margin:2rem 0 .6rem;}
.post-body figcaption{font-size:.85rem;font-style:italic;opacity:.6;text-align:center;margin-bottom:2rem;}
.post-body h2{font-size:clamp(1.25rem,4.5vw,1.5rem);margin:2.4rem 0 1rem;}
.post-body h3{font-size:clamp(1.05rem,3.5vw,1.2rem);margin:1.8rem 0 .6rem;}
.post-body a{color:var(--gold-dark);}
.post-body blockquote{
  border-left:3px solid var(--gold);margin:2rem 0;padding:.2rem 0 .2rem 1.4rem;
  font-family:var(--font-display);font-size:1.2rem;font-style:italic;color:var(--forest-dark);
}

.toc-box{border:1px solid var(--line);border-radius:8px;padding:1.6rem 1.8rem;margin:2rem 0 2.5rem;background:var(--cream);}
.toc-head{display:flex;justify-content:space-between;align-items:center;cursor:pointer;}
.toc-head h2{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold-dark);}
.toc-box ol{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.6rem;padding-left:1.2rem;}
.toc-box.is-collapsed ol{display:none;}
.toc-box.is-collapsed .toc-head .chev{transform:rotate(-90deg);}
.toc-box a{font-size:.9rem;color:var(--ink);}
.toc-box a:hover{color:var(--gold-dark);}

.author-card{
  max-width:900px;margin:3rem auto 0;padding:0 clamp(1.2rem,5vw,3rem);
}
.author-card-inner{
  display:flex;gap:1.2rem;align-items:center;background:var(--sand-deep);border-radius:8px;padding:1.6rem;
}
.author-card h3{font-size:1rem;margin-bottom:.3rem;}
.author-card p{font-size:.87rem;opacity:.7;margin:0;}

.related-posts{max-width:1300px;margin:5rem auto 0;padding:0 clamp(1.2rem,5vw,3rem) 6rem;}

@media (max-width:1100px){
  .post-share{display:none;}
}
@media (max-width:1000px){
  .gallery-grid{grid-template-columns:repeat(2,1fr);}
  .gallery-grid a.g-large{grid-column:span 2;}
  .areas-grid{grid-template-columns:1fr 1fr;}
  .info-cards-grid{grid-template-columns:1fr 1fr;}
  .final-cta{grid-template-columns:1fr;}
  .blog-featured{grid-template-columns:1fr;grid-auto-rows:260px;}
  .blog-featured .f-main{grid-row:span 1;}
  .blog-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
  .areas-grid{grid-template-columns:1fr;}
  .info-cards-grid{grid-template-columns:1fr;}
  .blog-grid{grid-template-columns:1fr;}
  .map-thumb{display:none;}
  .month-bar span, .month-labels span{font-size:.6rem;}
}

/* ==========================================================================
   Contact page
   ========================================================================== */
.contact-wrap{max-width:1200px;margin:0 auto;padding:5rem clamp(1.2rem,5vw,3rem) 6rem;display:grid;grid-template-columns:1.3fr .9fr;gap:4rem;}
.contact-form{background:var(--cream);border-radius:10px;padding:2.6rem;box-shadow:0 20px 50px rgba(28,26,22,.08);}
.contact-form h2{font-size:1.5rem;margin-bottom:.5rem;}
.contact-form > p{opacity:.75;font-size:.92rem;margin-bottom:2rem;}
.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;}
.contact-form .field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.2rem;}
.contact-form label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--forest-dark);}
.contact-form input, .contact-form select, .contact-form textarea{
  font-family:var(--font-body);font-size:.95rem;padding:.8rem .9rem;border:1px solid var(--line);
  border-radius:4px;background:var(--sand);color:var(--ink);width:100%;
}
.contact-form textarea{resize:vertical;min-height:110px;}
.contact-form input[type="submit"]{
  width:100%;padding:1rem;font-size:.85rem;border:none;cursor:pointer;text-transform:uppercase;
  letter-spacing:.06em;font-weight:600;background:var(--forest);color:var(--cream);border-radius:4px;
  transition:background .2s ease;
}
.contact-form input[type="submit"]:hover{background:var(--forest-dark);}
.contact-form .wpcf7-not-valid-tip{font-size:.78rem;color:#b3261e;margin-top:.3rem;}
.contact-form .wpcf7-response-output{margin-top:1.4rem;padding:.9rem 1.1rem;border-radius:6px;font-size:.88rem;border:1px solid var(--line);}
.side-info{display:flex;flex-direction:column;gap:2.2rem;}
.side-block h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gold-dark);margin-bottom:.7rem;}
.side-block p{font-size:.92rem;opacity:.8;margin-bottom:.4rem;}
.side-block .big{font-family:var(--font-display);font-size:1.3rem;color:var(--forest-dark);opacity:1;}
.response-steps{display:flex;flex-direction:column;gap:1rem;}
.response-steps li{display:flex;gap:.8rem;font-size:.88rem;}
.response-steps .step-num{
  width:26px;height:26px;font-size:.75rem;flex-shrink:0;border-radius:50%;background:var(--forest-dark);
  color:var(--cream);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);
}
@media (max-width:1000px){.contact-wrap{grid-template-columns:1fr;}}

/* ==========================================================================
   Long-form guide pages (destination / itinerary pillar content)
   ========================================================================== */
.guide-section{margin-bottom:2.4rem;}
.guide-section:target{scroll-margin-top:calc(var(--header-h) + 1.5rem);}
.guide-section .faq-item{margin-top:.5rem;}
.guide-cta-section{max-width:1000px;margin:0 auto;padding:1rem clamp(1.2rem,5vw,3rem) 6rem;}
.guide-cta{
  background:linear-gradient(135deg, var(--forest-dark), var(--forest));
  border-radius:14px;padding:3.2rem 2.2rem;text-align:center;
  box-shadow:0 20px 50px rgba(16,40,29,.25);
}
.guide-cta svg{color:var(--gold);margin-bottom:1.2rem;}
.guide-cta h2{color:var(--cream);margin-bottom:.8rem;font-size:clamp(1.4rem,2.6vw,1.8rem);}
.guide-cta p{color:var(--cream);opacity:.85;margin:0 auto 1.8rem;font-size:1.02rem;max-width:55ch;}
.guide-cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
.guide-cta-stops{list-style:none;margin:0 auto 1.8rem;padding:0;display:inline-flex;flex-direction:column;gap:.4rem;text-align:left;color:var(--cream);opacity:.85;font-size:.92rem;}

/* content-intro reused inside the wide guide-page body (long-form pillar
   content) needs left-aligned, full-width text instead of the narrow
   centered treatment it uses as a short standalone intro elsewhere. */
.post-body .content-intro{max-width:none;text-align:left;padding:0;margin:0;}
.post-body .content-intro p{font-size:1.02rem;line-height:1.75;}
.post-body .read-more-toggle{margin:1.4rem 0 .5rem;}