/* Shared compact photo header and consultation-first navigation. */
.guide-page { padding-top: 28px; overflow: clip; }
.guide-page .page-hero {
  grid-template-columns: minmax(0, 1fr) 235px;
  align-items: center;
  gap: 42px;
  min-height: 330px;
  margin-bottom: 28px;
  padding: 38px 46px;
}
.guide-page .page-hero::before { animation: none; }
.guide-page .page-hero::after { background: linear-gradient(90deg, rgba(25,45,34,.88), rgba(25,45,34,.5) 63%, rgba(25,45,34,.16)); }
.guide-page .visual-colombia { background-position: center 40%; }
.guide-page .page-hero h1 { max-width: 620px; margin: 14px 0 18px; font-size: clamp(42px, 4.5vw, 58px); line-height: 1.06; letter-spacing: -.035em; }
.guide-page .page-hero p { max-width: 520px; font-size: 18px; line-height: 1.6; }
.guide-page .page-hero-card { padding: 21px; border-radius: 20px; }
.guide-page .page-hero-card ul { margin-block: 12px; font-size: 14px; }
.guide-page .page-hero-card .text-link { font-size: 13px; }
.guide-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; margin-top: 25px; }
.guide-consultation-button { gap: 12px; }
.guide-page .page-hero .guide-consultation-button { background: var(--paper); color: var(--ink); box-shadow: none; }
.guide-explore { color: var(--paper); font-size: 13px; font-weight: 600; text-underline-offset: 5px; }
.guide-page .content-section,
.guide-page .content-intro { scroll-margin-top: 105px; }

.guide-page .consultation-guide { display: flex; flex-direction: column; top: 104px; padding: 0; overflow: hidden; }
.guide-consultation { flex-shrink: 0; padding: 22px; background: #cbd7c950; border-bottom: 1px solid var(--line); }
.guide-consultation > .guide-label { font-size: 9px; letter-spacing: .13em; }
.guide-consultation h3 { margin: 12px 0; font: 500 32px/1.12 "Newsreader", Georgia, serif; letter-spacing: -.02em; }
.page-guide .guide-consultation p { margin: 0 0 18px; font-size: 13px; line-height: 1.6; }
.guide-consultation .button { width: 100%; justify-content: space-between; gap: 6px; padding: 13px 10px; font-size: 12px; box-shadow: none; }
/* End the sticky column at the last content panel, before the consultation banner.
   Keep the existing visual gap without pulling the banner into the sidebar's bounds.
   This shared boundary also covers stored articles, regardless of CTA appearance. */
.guide-page .dynamic-content { padding-bottom: 0; }
.guide-page .dynamic-layout + .lead-panel { margin-top: 48px; }
.guide-page .dynamic-layout + .review-note { margin-top: 82px; }
.guide-consultation .button.guide-consultation-button--terracotta {
  min-height: 48px;
  justify-content: center;
  gap: 10px;
  padding: 13px 15px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: #a25137;
  color: #fffdf8;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.35;
  text-align: center;
  transform: none;
  transition: background-color .16s;
}
.guide-consultation .guide-consultation-button--terracotta svg { width: 18px; height: 18px; flex: 0 0 18px; }
.guide-consultation .button.guide-consultation-button--terracotta:hover { background: #883f2a; transform: none; }
.guide-consultation .button.guide-consultation-button--terracotta:focus-visible { outline: 3px solid #185abd; outline-offset: 4px; }
.guide-navigation { min-height: 0; padding: 18px; }
.guide-navigation > .guide-label { margin-bottom: 13px; padding-inline: 10px; }
.page-guide .guide-section-links { gap: 3px; margin: 0; padding: 0; list-style: none; }
.guide-section-links a { display: flex; align-items: center; gap: 10px; padding: 11px 10px; border-radius: 10px; color: var(--ink-soft); font-size: 13px; font-weight: 600; text-decoration: none; transition: background-color .15s; }
.guide-section-links a:hover { color: var(--ink); background: #cbd7c94d; }
.guide-section-links a[aria-current] { color: var(--ink); background: #cbd7c966; }
.guide-link-arrow { margin-left: auto; opacity: .55; }
.guide-page a:focus-visible { outline: 2px solid var(--sage-dark); outline-offset: 3px; }
.guide-page .page-hero a:focus-visible { outline-color: var(--paper); }

@media (min-width: 901px) {
  .guide-page .consultation-guide { max-height: calc(100svh - 124px); }
  .guide-navigation { overflow-y: auto; overscroll-behavior: contain; }
  .has-guide-layout .floating-lead { display: none; }
}
@media (max-width: 1100px) {
  .guide-page .page-hero { grid-template-columns: minmax(0, 1fr) 215px; gap: 24px; padding: 32px; }
  .guide-hero-actions { gap: 14px; }
}
@media (max-width: 900px) {
  .guide-page .consultation-guide { position: static; display: grid; grid-template-columns: 1fr 1fr; }
  .guide-consultation { border-bottom: 0; border-right: 1px solid var(--line); }
  .has-guide-layout .floating-lead a { font-size: 12px; }
}
@media (max-width: 700px) {
  .guide-page .dynamic-layout + .lead-panel { margin-top: 65px; }
  .guide-page { padding-top: 18px; }
  .guide-page .page-hero { grid-template-columns: 1fr; gap: 22px; padding: 30px 24px; }
  .guide-page .page-hero-card { display: none; }
  .guide-page .page-hero h1 { font-size: 44px; }
  .guide-page .page-hero p { font-size: 16px; }
  .guide-hero-actions { flex-direction: column; align-items: flex-start; gap: 14px; margin-top: 22px; }
  .guide-hero-actions .button { padding: 13px 18px; font-size: 13px; }
  .guide-page .consultation-guide { display: block; }
  .guide-consultation { border-right: 0; border-bottom: 1px solid var(--line); }
}
@media (max-width: 360px) {
  .has-guide-layout .floating-lead > span { display: none; }
  .has-guide-layout .floating-lead { justify-content: center; }
  .has-guide-layout .floating-lead a { width: 100%; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(.guide-page) { scroll-behavior: auto; }
  .guide-consultation .guide-consultation-button--terracotta { transition: none; }
}

/* Approved five-section Colombia guide. */
[data-colombia-guide="expanded"] .content-section h2 { margin-top: 14px; }
[data-colombia-guide="expanded"] .content-section h3 { margin: 28px 0 12px; font: 500 28px/1.2 "Newsreader", Georgia, serif; letter-spacing: -.015em; }
[data-colombia-guide="expanded"] .content-intro h2 { margin: 16px 0 8px; }
[data-colombia-guide="expanded"] .colombia-detail-list { display: grid; gap: 14px; padding-left: 24px; margin: 22px 0; color: var(--ink-soft); }
[data-colombia-guide="expanded"] .colombia-detail-list li { padding-left: 5px; }
[data-colombia-guide="expanded"] .colombia-detail-list li::marker { color: var(--sage-dark); font-weight: 700; }
[data-colombia-guide="expanded"] .colombia-source { font-size: 12px; color: var(--ink-soft); margin-top: 24px; }
[data-colombia-guide="expanded"] .colombia-source a { text-underline-offset: 3px; }
.guide-page[data-colombia-guide="expanded"] .consultation-guide { max-height: none; }
[data-colombia-guide="expanded"] .guide-navigation { max-height: none; overflow: visible; }
/* On short windows, let the whole sidebar travel with the page rather than
   introducing a nested scrollbar. Ordinary desktop screens retain main's sticky behavior. */
@media (min-width: 901px) and (max-height: 700px) {
  .guide-page[data-colombia-guide="expanded"] .consultation-guide { position: static; }
}