/* TDAC: editorial travel catalogue treatment within the practical guide system. */
.tdacGuide .tdacHero {
  position: relative;
  display: flex;
  min-height: clamp(520px, 52vw, 700px);
  align-items: center;
  color: #fff;
  background: linear-gradient(90deg, rgba(9, 29, 24, .88) 0%, rgba(9, 29, 24, .6) 42%, rgba(9, 29, 24, .04) 86%), url('/images/tdac-arrival-editorial-2026.webp') center 55% / cover no-repeat;
}
.tdacGuide .tdacHero .shell { width: min(calc(100% - 48px), 1160px); margin-inline: auto; padding-block: 78px 92px; }
.tdacGuide .tdacHero .phaseKicker { color: #e7d8b8; letter-spacing: .18em; }
.tdacGuide .tdacHero h1 {
  max-width: 780px;
  margin: 20px 0;
  font: 400 clamp(3.35rem, 7.5vw, 7rem)/.99 Georgia, serif;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.tdacGuide .tdacHeroLead { max-width: 580px; font-size: clamp(1.15rem, 1.75vw, 1.5rem); line-height: 1.55; color: #f2f1e9; }
.tdacGuide .tdacHeroActions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 32px; }
.tdacGuide .tdacHeroActions a { display: inline-flex; min-height: 51px; align-items: center; padding: 13px 19px; font-weight: 700; text-decoration: none; }
.tdacGuide .tdacHeroActions a:first-child { background: #f1e8d6; color: #15342b; }
.tdacGuide .tdacHeroActions a:last-child { border: 1px solid rgba(255,255,255,.75); color: #fff; }
.tdacGuide .tdacHeroActions a:focus-visible { outline: 3px solid #e8bd77; outline-offset: 3px; }
.tdacGuide .tdacHeroMeta { margin-top: 28px; color: #ecdfc7; font-size: .84rem; font-weight: 700; letter-spacing: .09em; line-height: 1.6; }
.tdacGuide .tdacHeroMeta span { margin-inline: 9px; }
.tdacGuide .practicalArticle { grid-template-columns: minmax(0, 810px) 225px; }
.tdacGuide .practicalArticle > article > section { margin-bottom: 83px; }
.tdacGuide .practicalArticle h2 { font-size: clamp(2.2rem, 4.2vw, 3.65rem); line-height: 1.1; text-wrap: balance; }
.tdacGuide .tdacEditorialPhoto { margin: -8px 0 82px; }
.tdacGuide .tdacEditorialPhoto img { display: block; width: 100%; height: auto; max-height: 570px; object-fit: cover; }
.tdacGuide .tdacEditorialPhoto figcaption { margin-top: 12px; color: #627168; font-size: .9rem; line-height: 1.6; }
.tdacGuide .practicalFacts > div { background: #f5f1e9; padding: 26px; }
.tdacGuide .practicalSteps { border-top: 0; counter-reset: tdac; }
.tdacGuide .practicalSteps li { align-items: start; grid-template-columns: 62px 1fr; min-height: 100px; padding: 20px 0; }
.tdacGuide .practicalSteps b { width: 43px; height: 43px; background: #17352d; font: 1.2rem Georgia, serif; }
.tdacGuide .practicalSteps span { align-self: center; max-width: 62ch; font-weight: 500; line-height: 1.65; }
.tdacGuide .tdacDecisionGrid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 25px; }
.tdacGuide .tdacDecisionGrid > div { padding: 26px 22px 29px; background: #17352d; color: #f5f0e5; }
.tdacGuide .tdacDecisionGrid span { color: #d6b982; font-size: .77rem; font-weight: 750; letter-spacing: .1em; }
.tdacGuide .tdacDecisionGrid h3 { margin: 22px 0 11px; font: 1.55rem Georgia, serif; }
.tdacGuide .tdacDecisionGrid p { margin: 0; color: #e2e9e2; font-size: .97rem; line-height: 1.64; }
.tdacGuide .practicalFaq summary { padding-block: 13px; line-height: 1.35; }
@media (max-width: 950px) {
  .tdacGuide .practicalArticle { grid-template-columns: minmax(0,1fr); }
  .tdacGuide .tdacDecisionGrid { grid-template-columns: 1fr; }
  .tdacGuide .tdacDecisionGrid > div { padding: 23px; }
  .tdacGuide .tdacDecisionGrid h3 { margin-top: 10px; }
}
@media (max-width: 650px) {
  .tdacGuide .tdacHero { min-height: 620px; align-items: end; background-image: linear-gradient(0deg, rgba(9,29,24,.95) 0%, rgba(9,29,24,.68) 54%, rgba(9,29,24,.18) 100%), url('/images/tdac-arrival-editorial-2026.webp'); background-position: 60% center; }
  .tdacGuide .tdacHero .shell { width: min(calc(100% - 32px), 1160px); padding-block: 180px 43px; }
  .tdacGuide .tdacHero h1 { font-size: clamp(3rem, 12vw, 5rem); }
  .tdacGuide .tdacHeroActions { align-items: stretch; flex-direction: column; }
  .tdacGuide .tdacHeroActions a { justify-content: center; text-align: center; }
  .tdacGuide .tdacHeroMeta { font-size: .75rem; }
  .tdacGuide .practicalArticle > article > section { margin-bottom: 60px; }
  .tdacGuide .tdacEditorialPhoto { margin-bottom: 60px; }
  .tdacGuide .practicalSteps li { grid-template-columns: 50px 1fr; }
  .tdacGuide .practicalSteps b { width: 36px; height: 36px; }
}