/* Reading layouts for the detailed, always-visible field guide. */
:is(#great-wall-guide,#petra-route-guide,#chichen-guide,#christ-guide,#colosseum-guide,#machu-picchu-route-guide,#taj-mahal-route-guide).guide-article {
  .planning-guide { margin-top:30px; scroll-margin-top:64px; }
  .planning-cover { position:relative; overflow:hidden; padding:30px 34px 32px; border-radius:5px 5px 0 0; background:#244b43; color:#faf8f0; }
  .planning-cover::after { content:""; position:absolute; right:-38px; top:-75px; width:255px; height:255px; border:1px solid #527267; border-radius:50%; box-shadow:0 0 0 30px #ffffff05,0 0 0 60px #ffffff04; pointer-events:none; }
  .planning-cover-kicker { display:flex; align-items:center; gap:10px; position:relative; z-index:1; margin:0 0 14px; color:#d9c9a7; font:700 11px/1.5 Arial,sans-serif; letter-spacing:.14em; text-transform:uppercase; }
  .planning-cover-number { display:inline-grid; width:27px; height:27px; place-items:center; border:1px solid #789083; border-radius:50%; letter-spacing:0; }
  .planning-cover h2 { position:relative; z-index:1; margin:0; color:#faf8f0; font:500 34px/1.15 Georgia,serif; letter-spacing:-.025em; }
  .planning-cover-copy { position:relative; z-index:1; max-width:none; margin:13px 0 0; color:#d4e0d6; font:400 14px/1.75 Arial,sans-serif; }
  .planning-index { display:flex; flex-wrap:wrap; align-items:center; gap:9px; padding:15px 22px 17px; background:#e2e9df; border-radius:0 0 5px 5px; }
  .planning-index::before { content:"Jump to a chapter"; flex:1 0 100%; color:#4e6b5c; font:700 11px/1.4 Arial,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
  .planning-index a { display:inline-flex; align-items:center; gap:9px; min-height:44px; padding:10px 13px; border:1px solid #c5d3c7; border-radius:3px; color:#244b43; background:#f4f6ef; font:700 12px/1.3 Arial,sans-serif; text-decoration:none; transition:background .15s,border-color .15s; }
  .planning-index a:hover { background:white; border-color:#648778; }
  .planning-index a span { color:#7a8d7e; font-size:11px; font-weight:400; }
  .planning-chapter { display:grid; grid-template-columns:225px minmax(0,1fr); gap:28px; margin:0; padding:34px 0 34px 15px; border-bottom:1px solid var(--site-line); scroll-margin-top:66px; }
  .planning-chapter:last-child { border-bottom:0; padding-bottom:10px; }
  .planning-chapter-header { min-width:0; }
  .planning-chapter-kicker { display:flex; align-items:center; gap:8px; margin:0 0 13px; color:#5d796a; font:700 11px/1.5 Arial,sans-serif; letter-spacing:.09em; text-transform:uppercase; }
  .planning-chapter-kicker svg { width:18px; height:18px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
  .planning-chapter-header h3 { margin:0; color:var(--site-ink); font:500 28px/1.13 Georgia,serif; letter-spacing:-.025em; }
  .planning-chapter-intro { margin:13px 0 0; color:var(--site-muted); font:400 14px/1.75 Arial,sans-serif; }
  .planning-chapter-intro p { margin:0 0 10px; }
  .planning-chapter-intro a { color:var(--site-accent); font-size:12px; text-underline-offset:3px; }
  .planning-chapter-intro .planning-intro-source { display:block; margin-top:10px; }
  .planning-chapter-content { min-width:0; }
  .planning-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; align-items:stretch; }
  .planning-card { min-width:0; display:flex; flex-direction:column; position:relative; padding:21px 22px 20px; border:1px solid #d7dfd4; border-radius:4px; background:#fbfcf7; }
  .planning-card h4 { margin:0 0 12px; color:var(--site-ink); font:500 21px/1.24 Georgia,serif; letter-spacing:-.015em; }
  .planning-card p { margin:0 0 12px; color:#5b706e; font:400 14px/1.7 Arial,sans-serif; }
  .planning-card p:last-child { margin-bottom:0; }
  .planning-card .planning-card-subtitle { margin:-5px 0 15px; color:#6b8274; font:600 11px/1.5 Arial,sans-serif; letter-spacing:.04em; }
  .planning-card-label { display:block; margin-bottom:12px; color:#608171; font:700 11px/1.4 Arial,sans-serif; letter-spacing:.09em; text-transform:uppercase; }
  .planning-card-facts { display:flex; flex-wrap:wrap; gap:6px; margin:1px 0 13px; }
  .planning-card-facts span { display:inline-block; padding:5px 7px; border-radius:2px; background:#e5ece1; color:#365e4c; font:700 12px/1.3 Arial,sans-serif; }
  .planning-card-links { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 14px; margin-top:auto; padding-top:11px; border-top:1px solid #e2e7dc; }
  .planning-card-links a { display:inline-block; padding:12px 0; color:#2b6558; font:600 12px/1.5 Arial,sans-serif; text-decoration:none; border-bottom:1px solid #9db3a5; }
  .planning-card-links a::after { content:" ↗"; font-weight:400; }
  .planning-card-links a:hover { color:#143e34; border-color:#143e34; }
  .planning-layout--arrival .planning-card { border-top:3px solid #91ae9a; }
  .planning-layout--compare .planning-card:first-child { background:#e7eee3; border-color:#c5d5c5; }
  .planning-layout--stay { counter-reset:stay-step; }
  .planning-layout--stay .planning-card { padding-top:23px; background:#f7f2e7; border-color:#ded4c0; counter-increment:stay-step; }
  .planning-layout--stay .planning-card::before { content:"0" counter(stay-step); display:grid; place-items:center; width:31px; height:31px; margin-bottom:16px; border:1px solid #c9b58f; border-radius:50%; color:#8c6936; font:700 11px Arial,sans-serif; }
  .planning-layout--stay .planning-card-links { border-color:#dfd5bf; }
  .planning-layout--walks .planning-card { padding-top:18px; }
  .planning-layout--journey { grid-template-columns:1fr; counter-reset:journey-step; gap:0; }
  .planning-layout--journey .planning-card { border-radius:0; border-bottom:0; padding-left:70px; counter-increment:journey-step; }
  .planning-layout--journey .planning-card:last-child { border-bottom:1px solid #d7dfd4; }
  .planning-layout--journey .planning-card::before { content:"0" counter(journey-step); position:absolute; top:23px; left:22px; color:#7f9b87; font:500 25px/1 Georgia,serif; }
  .planning-layout--journey .planning-card:last-child { background:#e7eee3; }
  .planning-body-label { margin:0 0 14px; color:#5b7668; font:700 11px/1.4 Arial,sans-serif; letter-spacing:.07em; text-transform:uppercase; }
  .planning-notice { margin-top:17px; padding:16px 18px; border-left:3px solid #af8d56; background:#f4eedf; border-radius:0 3px 3px 0; color:#6f634f; font:400 13px/1.75 Arial,sans-serif; }
  .planning-notice strong { display:block; margin-bottom:6px; color:#846133; font-size:11px; letter-spacing:.09em; text-transform:uppercase; }
  .planning-notice a { color:#765c33; font-size:12px; margin-left:5px; text-underline-offset:3px; }
  .planning-resources a { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px; border:1px solid #d3ded1; border-radius:4px; color:#264f42; background:#f9fbf4; text-decoration:none; }
  .planning-resources a span { font:500 20px/1.3 Georgia,serif; }
  .planning-resources a::after { content:"↗"; font-size:21px; }
  .planning-resources a:hover { background:#e5eddf; }
  .gw-rail-route { list-style:none; margin:0 0 17px; padding:0 0 0 8px; }
  .gw-rail-route li { position:relative; margin:0; padding:0 0 12px 17px; border-left:1px solid #aac2b0; color:#365f4e; font:600 12px/1.65 Arial,sans-serif; }
  .gw-rail-route li::before { content:""; position:absolute; width:6px; height:6px; top:5px; left:-4px; border-radius:50%; background:#5b8b6d; box-shadow:0 0 0 3px #fbfcf7; }
  .gw-rail-route li:last-child { padding-bottom:0; border-left-color:transparent; }
  .gw-station-overview { margin-top:23px; }
  .gw-station-overview h4 { margin:0 0 12px; color:var(--site-ink); font:500 22px/1.3 Georgia,serif; }
  .gw-station-table-wrap { overflow-x:auto; border:1px solid #d1ddcf; border-radius:4px; }
  .gw-station-table { width:100%; border-collapse:collapse; text-align:left; background:#fbfcf7; color:#526b60; font:400 12px/1.7 Arial,sans-serif; }
  .gw-station-table thead th { padding:11px 12px; background:#dfe9db; color:#365e4b; font-size:11px; letter-spacing:.05em; text-transform:uppercase; }
  .gw-station-table tbody :is(th,td) { padding:13px 12px; border-top:1px solid #dce4d8; vertical-align:top; }
  .gw-station-table tbody th { width:21%; color:#244b43; font-weight:700; }
  .gw-station-table tbody td:nth-child(2) { width:31%; color:#244b43; }
  .gw-research-note { padding-top:16px; margin:22px 0 0; border-top:1px solid var(--site-line); color:var(--site-muted); font:400 12px/1.7 Arial,sans-serif; }
  @media(max-width:950px) {
    .planning-chapter { grid-template-columns:190px minmax(0,1fr); gap:22px; }
    .planning-card { padding:18px; }
  }
  @media(max-width:760px) {
    .planning-cover { padding:25px 23px; }
    .planning-cover h2 { font-size:31px; }
    .planning-cover-copy { font-size:13px; }
    .planning-index { padding:14px; gap:7px; }
    .planning-chapter { grid-template-columns:1fr; gap:21px; padding:28px 0 28px 15px; }
    .planning-chapter-header h3 { font-size:27px; }
    .planning-chapter-intro { max-width:none; }
  }
  @media(max-width:480px) {
    .gw-station-table { min-width:570px; }
    .planning-card-grid { grid-template-columns:1fr; }
    .planning-card { padding:20px; }
    .planning-index a { padding:10px 11px; font-size:11px; }
    .planning-layout--journey .planning-card { padding-left:62px; }
    .planning-layout--journey .planning-card::before { left:19px; }
  }
}
/* Petra's optional evening is a distinct extension of an overnight stay. */
#petra-route-guide.guide-article .planning-evening{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:28px;background:#233d39;color:#fff8e9;border-radius:5px;margin-top:18px;padding:26px;scroll-margin-top:64px}
#petra-route-guide.guide-article .planning-evening-kicker{color:#dcc58d;font:700 11px/1.5 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;margin:0 0 9px}
#petra-route-guide.guide-article .planning-evening h4{font:500 27px/1.2 Georgia,serif;margin:0 0 13px;color:#fff8e9}
#petra-route-guide.guide-article .planning-evening p{color:#d4dfd8;font:13px/1.75 Arial,sans-serif;margin:9px 0}
#petra-route-guide.guide-article .planning-evening .planning-evening-kicker{color:#dcc58d;font-size:11px;line-height:1.5}
#petra-route-guide.guide-article .planning-evening a{color:#eddaa6;display:inline-block;padding:4px 0;margin-top:7px;font-size:12px}
#petra-route-guide.guide-article .planning-evening-detail{border-left:1px solid #64766a;padding-left:24px;align-self:center}
#petra-route-guide.guide-article .planning-evening-detail>span{display:block;font:40px Georgia,serif;color:#e8d3a1;margin-bottom:8px}
#petra-route-guide.guide-article .planning-evening-detail strong{font-size:13px}
@media(max-width:600px){#petra-route-guide.guide-article .planning-evening{grid-template-columns:1fr;gap:15px;padding:22px}#petra-route-guide.guide-article .planning-evening-detail{padding:15px 0 0;border-left:0;border-top:1px solid #64766a}#petra-route-guide.guide-article .planning-evening-detail>span{display:none}}

/* Golden Triangle option card — the three cities, left to right */
#taj-mahal-route-guide.guide-article .tj-gt-strip {
  grid-column: 2 / -1; /* line up with the copy, not the radio column */
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}
#taj-mahal-route-guide.guide-article .tj-gt-cell { min-width: 0; }
#taj-mahal-route-guide.guide-article .tj-gt-cell img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  object-fit: cover;
  border-radius: 3px;
  background: var(--site-line);
}
#taj-mahal-route-guide.guide-article .tj-gt-cell b {
  display: block;
  margin-top: 6px;
  color: var(--site-ink);
  font: 700 11.5px/1.3 Arial, sans-serif;
}
#taj-mahal-route-guide.guide-article .tj-gt-cell small {
  display: block;
  margin-top: 1px;
  color: var(--site-muted);
  font-size: 11px;
  line-height: 1.3;
}
#taj-mahal-route-guide.guide-article .tj-strip-credits {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 12px;
  margin: 10px 0 0;
  color: var(--site-muted);
  font-size: 11px;
  line-height: 1.6;
}
#taj-mahal-route-guide.guide-article .tj-strip-credits span { color: var(--site-ink); font-weight: 700; }
#taj-mahal-route-guide.guide-article .tj-strip-credits a { color: inherit; text-underline-offset: 2px; }
#taj-mahal-route-guide.guide-article .vd-choice-grid { align-items: stretch; }
@media (max-width: 700px) {
  #taj-mahal-route-guide.guide-article .tj-gt-strip { gap: 8px; grid-column: 1 / -1; }
  #taj-mahal-route-guide.guide-article .tj-gt-cell b { font-size: 11px; }
  #taj-mahal-route-guide.guide-article .tj-gt-cell small { font-size: 11px; }
}

/* Petra by Night — three small photos inside the evening panel */
#petra-route-guide.guide-article .pt-night-strip {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0 0;
}
#petra-route-guide.guide-article .pt-night-strip img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  height: auto;
  object-fit: cover;
  border-radius: 3px;
  background: #12262a;
}
#petra-route-guide.guide-article .pt-night-credits {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 3px 12px;
  margin: 8px 0 0;
  color: #b9cbc6;
  font-size: 11px;
  line-height: 1.6;
}
#petra-route-guide.guide-article .pt-night-credits span { color: #e8f0ec; font-weight: 700; }
#petra-route-guide.guide-article .pt-night-credits a { color: inherit; text-underline-offset: 2px; }

/* Walks & trails — one map for the four routes */
#petra-route-guide.guide-article .pt-trails-map {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 18px 24px;
  align-items: start;
  margin: 0 0 18px;
  padding: 14px 16px 10px;
  border: 1px solid var(--site-line);
  border-radius: 5px;
  background: light-dark(#f4f7f2, #1d292c);
}
#petra-route-guide.guide-article .ptm-scroll { min-width: 0; }
#petra-route-guide.guide-article .pt-trails-map svg { display: block; width: 100%; height: auto; }
#petra-route-guide.guide-article .ptm-ridge { fill: none; stroke: var(--site-line); stroke-width: 2; }
#petra-route-guide.guide-article .ptm-line { fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
#petra-route-guide.guide-article .ptm-line--dashed { stroke-dasharray: 5 6; stroke-width: 2.2; }
#petra-route-guide.guide-article .ptm-route--main .ptm-line { stroke: light-dark(#17665f, #72c4b6); }
#petra-route-guide.guide-article .ptm-route--madras .ptm-line { stroke: light-dark(#7a3f63, #d69ac0); }
#petra-route-guide.guide-article .ptm-route--dayr .ptm-line { stroke: light-dark(#a8621b, #e0a35e); }
#petra-route-guide.guide-article .ptm-route--back .ptm-line { stroke: light-dark(#4a5c8a, #9db2e0); }
#petra-route-guide.guide-article .ptm-dot--main { fill: light-dark(#17665f, #72c4b6); }
#petra-route-guide.guide-article .ptm-dot--madras { fill: light-dark(#7a3f63, #d69ac0); }
#petra-route-guide.guide-article .ptm-dot--dayr { fill: light-dark(#a8621b, #e0a35e); }
#petra-route-guide.guide-article .ptm-dot--back { fill: light-dark(#4a5c8a, #9db2e0); }
#petra-route-guide.guide-article .ptm-hub { fill: var(--site-surface); stroke: var(--site-ink); stroke-width: 2.5; }
#petra-route-guide.guide-article .ptm-label { fill: var(--site-muted); font: 600 12px/1 Arial, sans-serif; }
#petra-route-guide.guide-article .ptm-label--strong { fill: var(--site-ink); }
#petra-route-guide.guide-article .ptm-code { font: 700 11px/1 Arial, sans-serif; }
#petra-route-guide.guide-article .ptm-code--main { fill: light-dark(#17665f, #72c4b6); }
#petra-route-guide.guide-article .ptm-code--madras { fill: light-dark(#7a3f63, #d69ac0); }
#petra-route-guide.guide-article .ptm-code--dayr { fill: light-dark(#a8621b, #e0a35e); }
#petra-route-guide.guide-article .ptm-code--back { fill: light-dark(#4a5c8a, #9db2e0); }
#petra-route-guide.guide-article .ptm-aside { border-left: 1px solid var(--site-line); padding-left: 18px; }
#petra-route-guide.guide-article .ptm-heading { margin: 0 0 4px; color: var(--site-ink); font: 700 11.5px/1.4 Arial, sans-serif; letter-spacing: .04em; text-transform: uppercase; }
#petra-route-guide.guide-article .ptm-keyline { margin: 0 0 12px; color: var(--site-muted); font-size: 11px; line-height: 1.5; }
#petra-route-guide.guide-article .ptm-item { margin: 0 0 10px; }
#petra-route-guide.guide-article .ptm-name { display: flex; align-items: center; gap: 7px; margin: 0; color: var(--site-ink); font: 700 11.5px/1.35 Arial, sans-serif; }
#petra-route-guide.guide-article .ptm-mark { display: block; width: 16px; height: 3px; border-radius: 2px; }
#petra-route-guide.guide-article .ptm-mark--main { background: light-dark(#17665f, #72c4b6); }
#petra-route-guide.guide-article .ptm-mark--madras { background: light-dark(#7a3f63, #d69ac0); }
#petra-route-guide.guide-article .ptm-mark--dayr { background: light-dark(#a8621b, #e0a35e); }
#petra-route-guide.guide-article .ptm-mark--back { background: light-dark(#4a5c8a, #9db2e0); }
#petra-route-guide.guide-article .ptm-meta { margin: 2px 0 0 23px; color: var(--site-muted); font-size: 11px; line-height: 1.45; }
#petra-route-guide.guide-article .ptm-note {
  grid-column: 1 / -1;
  margin: 0;
  padding-top: 4px;
  border-top: 1px solid var(--site-line); color: var(--site-muted); font-size: 11px; line-height: 1.55; }
@media (max-width: 999px) {
  #petra-route-guide.guide-article .pt-trails-map { grid-template-columns: 1fr; }
  #petra-route-guide.guide-article .ptm-aside { border-left: 0; border-top: 1px solid var(--site-line); padding: 14px 0 0; }
}
@media (max-width: 680px) {
  #petra-route-guide.guide-article .ptm-scroll { overflow-x: auto; }
  #petra-route-guide.guide-article .ptm-scroll svg { min-width: 620px; }
  #petra-route-guide.guide-article .pt-night-strip { gap: 6px; }
}
#petra-route-guide.guide-article .ptm-hint {
  display: none;
  margin: 0 0 8px;
  font: 600 11px/1.5 Arial, sans-serif;
  color: var(--site-muted);
  grid-column: 1 / -1;
}
@media (max-width: 680px) {
  #petra-route-guide.guide-article .ptm-hint { display: block; }
}
#petra-route-guide.guide-article .pt-map-intro {
  margin: 16px 0 10px;
  color: var(--site-muted);
  font-size: 13px;
  line-height: 1.7;
}
#petra-route-guide.guide-article .pt-trails-map--strategic { margin-bottom: 6px; }

/* Taj Mahal — the rear view from Mehtab Bagh */
#taj-mahal-route-guide.guide-article .tj-mehtab-photo { margin: 0 0 18px; }
#taj-mahal-route-guide.guide-article .tj-mehtab-photo img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  object-fit: cover;
  border-radius: 4px;
  background: var(--site-line);
}
#taj-mahal-route-guide.guide-article .tj-mehtab-photo figcaption {
  margin-top: 7px;
  color: var(--site-muted);
  font-size: 11px;
  line-height: 1.5;
}
#taj-mahal-route-guide.guide-article .tj-mehtab-photo figcaption a {
  color: inherit;
  margin-left: 6px;
  text-underline-offset: 2px;
}
#taj-mahal-route-guide.guide-article .tj-mehtab-note {
  margin: 16px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--site-line);
  color: var(--site-muted);
  font-size: 11.5px;
  line-height: 1.65;
}
/* Chichén Itzá — published site plan: plan left, English legend right */
#chichen-guide.guide-article .chz-plan {
  display: grid;
  grid-template-columns: minmax(0, 450px) minmax(0, 1fr);
  gap: 4px 28px;
  align-items: start;
  margin: 18px 0 0;
}
#chichen-guide.guide-article .chz-plan-map { min-width: 0; }
#chichen-guide.guide-article .chz-plan-map img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--site-line);
  border-radius: 4px;
  background: var(--site-surface);
}
#chichen-guide.guide-article .chz-plan-legend { min-width: 0; }
#chichen-guide.guide-article .chz-plan-legend figcaption {
  margin: 0 0 10px;
  color: var(--site-muted);
  font-size: 11.5px;
  line-height: 1.6;
}
#chichen-guide.guide-article .chz-plan-legend figcaption strong { color: var(--site-ink); }
#chichen-guide.guide-article .chz-plan-legend figcaption a { color: inherit; margin-left: 6px; text-underline-offset: 2px; }
#chichen-guide.guide-article .chz-plan-key {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 20px;
  margin: 0;
  padding-top: 10px;
  border-top: 1px solid var(--site-line);
  font-size: 11.5px;
  line-height: 1.45;
}
#chichen-guide.guide-article .chz-plan-key dt { margin: 0; color: var(--site-muted); font-style: italic; }
#chichen-guide.guide-article .chz-plan-key dd { margin: 0; color: var(--site-ink); font-weight: 600; }
@media (max-width: 1260px) {
  #chichen-guide.guide-article .chz-plan { grid-template-columns: 1fr; gap: 14px; }
  #chichen-guide.guide-article .chz-plan-map { max-width: 450px; }
}
@media (max-width: 560px) {
  #chichen-guide.guide-article .chz-plan-key { grid-template-columns: 1fr; }
}
/* Petra — Walks & trails cards: square photo to the right of the text */
#petra-route-guide.guide-article .planning-layout--walks .planning-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 201px;
  gap: 16px;
  align-items: stretch;
}
#petra-route-guide.guide-article .pt-walk-body {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
}
#petra-route-guide.guide-article .pt-walk-body .planning-card-links { margin-top: auto; }
/* The photo sits centred against the text block, not top-aligned. */
#petra-route-guide.guide-article .pt-walk-photo { display: block; align-self: center; }
#petra-route-guide.guide-article .pt-walk-photo img {
  display: block;
  width: 201px;
  height: 201px;
  object-fit: cover;
  border-radius: 3px;
  background: #dfe6dd;
}
#petra-route-guide.guide-article .pt-walk-credits {
  margin: 12px 0 0;
  color: var(--site-muted);
  font-size: 11px;
  line-height: 1.55;
}
#petra-route-guide.guide-article .pt-walk-credits a { font-size: 11px; }
/* Two columns only while a card keeps ~280px of text beside the 134px square. */
@media (max-width: 1239px) {
  #petra-route-guide.guide-article .planning-layout--walks { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  #petra-route-guide.guide-article .planning-layout--walks .planning-card { grid-template-columns: minmax(0, 1fr) 132px; gap: 12px; }
  #petra-route-guide.guide-article .pt-walk-photo img { width: 132px; height: 132px; }
}