/* Red Tail Tours — page layouts for this site. Components and tokens live in components.css and tokens.css. */

.rt-skip { position: absolute; left: var(--space-4); top: -100px; z-index: 20; padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); background: var(--ink); color: var(--surface); font-weight: 600; }
.rt-skip:focus { top: var(--space-2); }

/* Inner page title band */
.rt-page-head { padding-block: var(--space-8) var(--space-6); }
.rt-page-head .rt-prose { display: grid; gap: var(--space-4); }
.rt-page-head .rt-prose > * + * { margin-top: 0; }

/* Two columns from 900px: media + text, or form + aside */
.rt-split { display: grid; gap: var(--space-6); }
@media (min-width: 900px) {
  .rt-split { grid-template-columns: 5fr 6fr; gap: var(--space-7); align-items: start; }
  .rt-split--form { grid-template-columns: 7fr 4fr; }
}

/* Tour detail blocks on the Tours page */
.rt-tour + .rt-tour { margin-top: var(--space-8); padding-top: var(--space-8); border-top: 1px solid var(--line); }
.rt-tour__body { display: grid; gap: var(--space-4); }
.rt-tour__body > * { margin: 0; }
.rt-tour__label { color: var(--ink-muted); }
.rt-tour__sites { display: grid; gap: var(--space-4); padding: 0; list-style: none; }
.rt-tour__sites li { padding: var(--space-4); border-radius: var(--radius-md); background: var(--surface-raised); }
.rt-tour__book { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--line); }

/* Bulleted list with the tail dash (same marker as GuideProfile) */
.rt-list { display: grid; gap: var(--space-2); padding: 0; list-style: none; }
.rt-list li { position: relative; padding-left: var(--space-5); }
.rt-list li::before { content: ""; position: absolute; left: 0; top: 11px; width: 12px; height: 6px; border-radius: 1px; background: var(--tail); }

/* Photo grid: two up on phones, four from 900px */
.rt-photo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5) var(--space-4); }
.rt-photo-grid img { aspect-ratio: 4 / 5; object-fit: cover; }
@media (min-width: 900px) { .rt-photo-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* Good-to-know questions */
.rt-faq { display: grid; gap: var(--space-5); }
.rt-faq dt { font-family: var(--font-display); font-size: 21px; line-height: 28px; font-weight: 600; }
.rt-faq dd { margin: var(--space-2) 0 0; }
@media (min-width: 900px) { .rt-faq { grid-template-columns: 1fr 1fr; gap: var(--space-6) var(--space-7); } }

/* Contact page aside and form */
.rt-form { display: grid; gap: var(--space-5); }
.rt-form__row { display: grid; gap: var(--space-5); }
@media (min-width: 600px) { .rt-form__row { grid-template-columns: 1fr 1fr; } }
.rt-aside { display: grid; gap: var(--space-4); padding: var(--space-5); border-radius: var(--radius-md); background: var(--surface-raised); }
.rt-aside > * { margin: 0; }
.rt-aside dl { display: grid; gap: var(--space-3); margin: 0; }
.rt-aside dt { color: var(--ink-muted); font-size: 15px; line-height: 22px; }
.rt-aside dd { margin: 0; font-weight: 600; }