/* Keep the map readable without inline styles or an embedded PDF viewer. */
.clay-trails-page .site-header{background:var(--paper);box-shadow:0 1px 0 var(--line)}
.clay-trails-page .brand,.clay-trails-page .menu-btn,.clay-trails-page .nav-links a{color:var(--ink)}
.clay-trails-page .nav-links .book{background:var(--sand);border-color:var(--line)}
.clay-map-page{padding:116px 18px 48px;min-height:100vh;max-width:1240px;margin:auto}
.clay-map-page h1{text-align:center;margin:12px 0 18px;font-size:clamp(42px,6vw,72px)}
.clay-intro,.clay-note{text-align:center;max-width:760px;margin:0 auto 28px}
.clay-map-sheet{margin:28px 0;background:var(--map-paper);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}
.clay-map-sheet a{display:block}
.clay-map-sheet img{width:100%;height:auto}
.clay-map-sheet figcaption{padding:12px 16px;font-size:14px}
.clay-note{margin-top:24px}
@media(max-width:380px){.clay-trails-page .brand{font-size:20px;gap:6px}.clay-trails-page .brand-logo{width:42px;height:42px;flex-basis:42px}}

/* The night riding photograph sits above the official route maps. */
.clay-night-ride{max-width:680px;margin:28px auto 38px;background:var(--map-paper);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}
.clay-night-ride a{display:block}
.clay-night-ride img{display:block;width:100%;height:auto}
.clay-night-ride figcaption{padding:12px 16px;font-size:14px;line-height:1.5}

/* Practical trail-through-the-site guidance between the hero photo and route maps. */
.clay-on-site{max-width:920px;margin:28px auto 38px;padding:clamp(20px,4vw,36px);border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.clay-on-site h2{font-size:clamp(25px,4vw,38px);line-height:1.15;margin:0 0 16px}
.clay-on-site p{font-size:16px;line-height:1.65;margin:0 0 14px}
.clay-on-site p:last-child{margin-bottom:0}
.clay-on-site a{color:var(--teal-deep);text-decoration:underline;text-underline-offset:3px}
@media(max-width:540px){.clay-map-page{padding-left:12px;padding-right:12px}.clay-on-site p{font-size:15px}}