/* Editorial layer for travel decision guides and search-answer pages. */
.guide-v2 .page-hero,
.guide-v2 .seo-landing-hero {
  position: relative;
  min-height: 430px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  padding: 145px 0 62px !important;
  text-align: left !important;
  color: #fff;
  background: #163047 url('../images/hero_bg2.jpg') center 48% / cover no-repeat !important;
}
.guide-v2 .page-hero::after,
.guide-v2 .seo-landing-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,rgba(8,24,36,.84),rgba(8,24,36,.43) 68%,rgba(8,24,36,.18));
}
.guide-v2 .page-hero-bg,
.guide-v2 .page-hero-overlay { position: absolute; inset: 0; }
.guide-v2 .page-hero-bg img { width: 100%; height: 100%; object-fit: cover; }
.guide-v2 .page-hero-overlay { background: linear-gradient(90deg,rgba(8,24,36,.84),rgba(8,24,36,.43) 68%,rgba(8,24,36,.18)); }
.guide-v2 .page-hero > .container,
.guide-v2 .seo-landing-hero > .container { position: relative; z-index: 2; width: min(calc(100% - 64px),1200px); margin: 0 auto; }
.guide-v2 .page-hero h1,
.guide-v2 .seo-landing-hero h1 { max-width: 920px; margin: 0 0 1rem !important; color: #fff !important; font-size: clamp(2.4rem,4.2vw,4.35rem) !important; line-height: 1.1; text-align: left !important; }
.guide-v2 .page-hero p,
.guide-v2 .seo-landing-hero p { max-width: 760px !important; margin: 0 !important; color: rgba(255,255,255,.84) !important; font-size: 1.05rem !important; line-height: 1.8; text-align: left !important; }
.guide-v2 .page-hero .btn,
.guide-v2 .seo-landing-hero .btn { margin: 1.4rem 0 0 !important; border-radius: 3px; }
.guide-v2 .page-body,
.guide-v2 > .section,
.guide-v2 main > .section { padding: 70px 0 !important; }
.guide-v2 .page-body > .container,
.guide-v2 .section > .container { max-width: 1040px; }
.guide-v2 .section-alt { background: var(--paper-alt); }
.guide-v2 .section-header { max-width: 820px; margin: 0 0 2.5rem !important; text-align: left !important; }
.guide-v2 .section-title { margin-bottom: .8rem; font-size: clamp(1.8rem,3vw,2.7rem); text-align: left; }
.guide-v2 .section-eyebrow { color: var(--terracotta); }
.guide-v2 .page-body h2,
.guide-v2 .section h2 { margin-top: 3.25rem; font-size: 1.65rem; }
.guide-v2 .page-body h3,
.guide-v2 .section h3 { margin: 2rem 0 .7rem; color: var(--ink) !important; }
.guide-v2 .page-body p,
.guide-v2 .page-body li,
.guide-v2 .section p,
.guide-v2 .section li { line-height: 1.88; }
.guide-v2 table { width: 100% !important; border-collapse: collapse !important; background: #fff; }
.guide-v2 thead tr { background: var(--ink) !important; color: #fff; }
.guide-v2 th,
.guide-v2 td { padding: .95rem 1rem !important; border-bottom: 1px solid var(--line) !important; text-align: left !important; line-height: 1.6; }
.guide-v2 th { background: transparent !important; font-size: .82rem; }
.guide-v2 tbody tr:last-child td { border-bottom: 0 !important; }
.guide-v2 .faq-list { border-top: 1px solid var(--line); }
.guide-v2 .faq-item { border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; }
.guide-v2 .faq-q { padding: 1.2rem 0; }
.guide-v2 .faq-a { padding: 0 0 1.2rem; }
.guide-v2 .tips-box,
.guide-v2 .scenario-disclaimer { border-radius: 0 5px 5px 0 !important; box-shadow: none !important; }
.guide-v2 .scenario-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; border: 1px solid var(--line); background: var(--line); }
.guide-v2 .scenario-card { padding: 1.5rem; border: 0; border-radius: 0; background: #fff; box-shadow: none; }
.guide-v2 .scenario-card h2 { margin-top: 0; font-size: 1.25rem; }
.guide-v2 [style*="border-radius"],
.guide-v2 [style*="box-shadow"] { box-shadow: none !important; }
.guide-v2 .cta-section { padding: 62px 0 !important; background: var(--ink); }
.guide-v2 .cta-section h2 { margin-top: 0; }
.guide-v2 .footer-icp { display: none; }
@media (max-width: 768px) {
  .guide-v2 .page-hero,
  .guide-v2 .seo-landing-hero { min-height: 380px; padding: 122px 0 48px !important; }
  .guide-v2 .page-hero > .container,
  .guide-v2 .seo-landing-hero > .container { width: min(calc(100% - 32px),1200px); }
  .guide-v2 .page-hero h1,
  .guide-v2 .seo-landing-hero h1 { font-size: 2.25rem !important; }
  .guide-v2 .page-body,
  .guide-v2 > .section,
  .guide-v2 main > .section { padding: 52px 0 !important; }
  .guide-v2 table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .guide-v2 th,
  .guide-v2 td { min-width: 118px; padding: .8rem .72rem !important; }
  .guide-v2 .scenario-grid { grid-template-columns: 1fr; }
}
