/* starved-rock-weekend-from-chicago r4d.css: v1.3 design layer from this guide's PLACE-LANGUAGE.md design brief (day5-1023, builder B). No important-flag overrides. */
.site-header { background: var(--berry-deep); }
/* site.css no longer carries the pseudo-element props or the CSS postcard (removed at the source, budget2): the real <img> props and the <figure> postcard below replace them. */

/* Brief transition: the srk-icefall-fringe edge at every main>section boundary, longest under the hero; before The route it
   narrows to a single frozen-fall column at the right edge. */
main > section.overview::before { content: ""; display: block; height: 44px; margin: 0 0 26px; border-radius: 0; opacity: 1; background: url("/starved-rock-weekend-from-chicago/assets/pattern-srk-icefall-fringe-light.webp") center top / auto 100% repeat-x; }
main > section.intro::before, main > section.planning::before, main > section.gallery::before, main > section.faq::before, main > section.checks::before, main > section.related::before { content: ""; display: block; height: 24px; margin: 0 0 26px; border-radius: 0; opacity: 1; background: url("/starved-rock-weekend-from-chicago/assets/pattern-srk-icefall-fringe-light.webp") center top / auto 100% repeat-x; }
main > section.route::before { content: ""; display: block; width: 46px; height: 120px; margin: 0 0 -96px auto; border-radius: 0; opacity: 1; background: url("/starved-rock-weekend-from-chicago/assets/pattern-srk-icefall-fringe-light.webp") 62% top / auto 100% no-repeat; }
main > section.overview::after { content: none; }
main > section.route h2 { padding-top: 66px; }
@media (max-width: 700px) { main > section.route h2 { padding-top: 54px; } }

@media (prefers-color-scheme: dark) {
/* Brief transition: the srk-icefall-fringe edge at every main>section boundary, longest under the hero; before The route it
   narrows to a single frozen-fall column at the right edge. */
main > section.overview::before { content: ""; display: block; height: 44px; margin: 0 0 26px; border-radius: 0; opacity: 1; background: url("/starved-rock-weekend-from-chicago/assets/pattern-srk-icefall-fringe-dark.webp") center top / auto 100% repeat-x; }
main > section.intro::before, main > section.planning::before, main > section.gallery::before, main > section.faq::before, main > section.checks::before, main > section.related::before { content: ""; display: block; height: 24px; margin: 0 0 26px; border-radius: 0; opacity: 1; background: url("/starved-rock-weekend-from-chicago/assets/pattern-srk-icefall-fringe-dark.webp") center top / auto 100% repeat-x; }
main > section.route::before { content: ""; display: block; width: 46px; height: 120px; margin: 0 0 -96px auto; border-radius: 0; opacity: 1; background: url("/starved-rock-weekend-from-chicago/assets/pattern-srk-icefall-fringe-dark.webp") 62% top / auto 100% no-repeat; }
main > section.overview::after { content: none; }
main > section.route h2 { padding-top: 66px; }
@media (max-width: 700px) { main > section.route h2 { padding-top: 54px; } }
}
/* Props: one object per anchor card, breaking its edge. The anchor isolates, the prop sits at z-index -1 so the card text always paints above it. */
.trip-card,
main > section.route article.day[id^="day1-"],
main > section.route article.day[id^="day2-"],
main > section.route article.day[id^="day3-"],
section.route h2 { position: relative; isolation: isolate; }
.r4-prop { position: absolute; z-index: -1; width: auto; max-width: none; pointer-events: none; user-select: none; filter: drop-shadow(0 3px 4px rgba(0, 0, 0, .28)); }
.r4-prop--srk-traction-cleats { height: 58px; bottom:-38px;left:-20px; }
.r4-prop--srk-sandstone-icicles { height: 56px; top:-38px;right:-20px; }
.r4-prop--srk-spotting-scope { height: 58px; top:-38px;left:-20px; }
.r4-prop--srk-frosted-bur-oak-leaf { height: 52px; bottom:-38px;right:-20px; }
.r4-prop--srk-split-oak-firewood { height: 60px; bottom:-38px;right:-20px; }
.r4-prop--srk-saddle-notch-logs { height: 56px; top:6px;left:-34px; }
@media (max-width: 700px) {
  .r4-prop--srk-traction-cleats { height: 46px; bottom:-30px;left:-8px; }
  .r4-prop--srk-sandstone-icicles { height: 45px; top:-30px;right:-8px; }
  .r4-prop--srk-spotting-scope { height: 46px; top:-30px;left:-8px; }
  .r4-prop--srk-frosted-bur-oak-leaf { height: 42px; bottom:-30px;right:-8px; }
  .r4-prop--srk-split-oak-firewood { height: 48px; bottom:-30px;right:-8px; }
  .r4-prop--srk-saddle-notch-logs { height: 45px; top:4px;left:-10px; }
}
/* Scene moments: the captioned real-photo postcard between the overview and The route, and one late illustrated scene. */
.r4-moment { display: block; box-sizing: border-box; margin: 0 auto; padding: 34px 20px 30px; max-width: 1180px; }
.r4-moment img { display: block; width: 100%; height: auto; border-radius: 6px; box-shadow: 0 10px 24px rgba(0, 0, 0, .22); }
.r4-moment figcaption { margin-top: 10px; font-size: .82rem; line-height: 1.45; color: var(--muted); }
.r4-moment--st-louis-canyon-icefall { max-width: 480px; }
.r4-moment .r4-cap-dark { display: none; }
@media (prefers-color-scheme: dark) { .r4-moment .r4-cap-light { display: none; } .r4-moment .r4-cap-dark { display: inline; } }