/* Content beneath the five inside-page heroes. Shared/home styles are untouched. */
.subpage .inside-section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:end;margin-bottom:48px}
.subpage .inside-section-heading h2,.subpage .inside-section-heading p{margin:0}
.subpage .replay-story-intro .capture-note{margin-top:16px;font-size:16px;line-height:1.5;color:var(--color-charcoal)}
.subpage .section-icon{width:40px;height:42px;fill:none;stroke:var(--color-night-ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.subpage .inside-dark{background:var(--color-night-ink);color:var(--color-paper-white);border-color:rgba(255,255,255,.22)}
.subpage .inside-dark :is(h2,h3,p){color:inherit}
.subpage .inside-dark .section-icon{stroke:var(--color-storybook-green)}
.subpage .inside-dark :is(a,button,[tabindex]):focus-visible{outline:3px solid var(--color-storybook-green);outline-offset:5px}
.subpage .inside-dark ::selection{color:var(--color-night-ink);background:var(--color-storybook-green)}

/* The illustration stays beside its explanation; unenhanced content is paired. */
.replay-story-layout{position:relative}
.replay-story-step{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center;padding-block:40px}
.replay-story-step:first-child{padding-top:0}
.replay-story-step:last-of-type{padding-bottom:0}
.replay-story-copy{min-width:0}
.subpage .story-step-number{display:block;font-size:16px;line-height:1.5;font-variant-numeric:tabular-nums;color:var(--color-night-ink);margin-bottom:24px}
.subpage .replay-story h3{font-size:clamp(28px,3vw,42px);line-height:1.18;letter-spacing:-.02em;max-width:15ch;margin-bottom:24px}
.subpage .replay-story-copy p{max-width:48ch}
.subpage .replay-story-copy .story-support{padding-top:24px;margin-top:24px;border-top:1px solid var(--drawing-line)}
.replay-story-figure{min-width:0;margin:0}
.replay-story-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.subpage .replay-story-figure figcaption{font-size:16px;line-height:1.5;padding:16px 0 0;max-width:52ch}
.replay-story-screen{display:none}
@media(min-width:961px) and (prefers-reduced-motion:no-preference){
 .story-enhanced{display:grid;grid-template-columns:1fr 1.15fr;column-gap:64px;align-items:start}
 .story-enhanced .replay-story-step{grid-column:1;display:flex;align-items:center;min-height:clamp(440px,72svh,640px);padding-block:48px}
 .story-enhanced .replay-story-step>.replay-story-figure{display:none}
 .story-enhanced .replay-story-screen{display:block;grid-column:2;grid-row:1/span 3;position:sticky;top:112px;height:min(620px,calc(100svh - 160px));min-height:330px}
 .replay-story-screen .replay-story-figure{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(18px);transition:opacity 300ms ease,transform 400ms cubic-bezier(.23,1,.32,1);pointer-events:none}
 .replay-story-screen .replay-story-figure.is-current{opacity:1;transform:none}
 .replay-story-screen img{min-height:0;max-height:calc(100% - 72px);object-fit:cover}
 .story-enhanced .replay-story-step.is-current .story-step-number{color:var(--color-charcoal)}
}

/* Flat shared grids: generous on desktop, content-sized on phones. */
.inside-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--drawing-line);border-left:1px solid var(--drawing-line)}
.feature-cell{display:flex;flex-direction:column;min-width:0;min-height:320px;padding:32px;border-right:1px solid var(--drawing-line);border-bottom:1px solid var(--drawing-line)}
.subpage .feature-cell h3{font-size:26px;margin:24px 0 48px;line-height:1.25}
.subpage .feature-cell p{margin:0;max-width:38ch;margin-top:auto}
.use-case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--drawing-line);border-left:1px solid var(--drawing-line)}
.use-case-cell{display:flex;flex-direction:column;gap:72px;min-height:340px;padding:28px 24px;border-right:1px solid var(--drawing-line);border-bottom:1px solid var(--drawing-line);background:var(--color-paper-white);transition:background 160ms ease}
.subpage .use-case-cell h3{font-size:24px;margin:0 0 20px}
.subpage .use-case-cell p{margin:0}

/* Page scroll carries the stage sequence; native swipe is the small-screen fallback. */
.subpage .stage-carousel{padding-block:0}
.stage-carousel-sticky{padding-block:var(--space)}
.carousel-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:40px}
.subpage .carousel-heading h2{margin:0;max-width:none}
.carousel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:32px;flex:none}
.carousel-toolbar>div{display:flex;gap:12px}
.carousel-position{font-size:17px;line-height:1.5;font-variant-numeric:tabular-nums}
#main .carousel-toolbar .button{min-width:56px;width:56px;min-height:56px;justify-content:center;padding:16px;--button-fill:var(--color-storybook-green)}
.carousel-prev svg{rotate:180deg}
.stage-card-track{display:grid;box-sizing:border-box;width:var(--stage-track-width,100%);margin-inline-start:calc(-1 * var(--stage-inset,0px));padding-inline-start:var(--stage-inset,0px);grid-auto-flow:column;grid-auto-columns:calc((var(--stage-content-width,100%) - 48px)/2.7);gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--stage-inset,0px);scrollbar-width:none}
.stage-card-track::-webkit-scrollbar{display:none}
.stage-photo-card{display:flex;flex-direction:column;min-width:0;border:1px solid rgba(255,255,255,.25);color:var(--color-paper-white);text-decoration:none;background:rgba(255,255,255,.04);scroll-snap-align:start;transition:background 160ms ease}
.stage-photo-card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}
.stage-card-copy{padding:28px 24px;flex:1}
.subpage .stage-card-copy h3{font-size:26px;margin:0 0 20px;line-height:1.25}
.subpage .stage-card-copy p{margin:0}
.stage-card-link{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid rgba(255,255,255,.25);padding:20px 24px;font-size:17px;line-height:1.5}
.stage-card-link .icon{width:22px;height:22px;flex:none;transition:transform 160ms ease}
.subpage .stage-card-track:focus-visible{outline-offset:6px}
.stage-card-track .stage-photo-card:focus-visible{outline-offset:-4px}
@media(min-width:961px) and (prefers-reduced-motion:no-preference){
 .subpage .stage-carousel.scroll-driven{padding-block:0;height:var(--carousel-height)}
 .scroll-driven .stage-carousel-sticky{position:sticky;top:var(--carousel-top)}
 .scroll-driven .stage-card-track{overflow-x:hidden;scroll-snap-type:none;scroll-behavior:auto}
 .scroll-driven .stage-photo-card img{height:clamp(180px,26vh,320px);aspect-ratio:auto}
 .scroll-driven .stage-card-copy{padding-block:24px}
}

/* Native disclosures keep detail readable without a script. */
.inside-faq-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:64px;align-items:start}
.inside-faq h2{position:sticky;top:104px}
.inside-faq-list{min-width:0;border-top:1px solid var(--drawing-line)}
.inside-faq-list details{margin:0;border:0;border-bottom:1px solid var(--drawing-line);background:none;border-radius:0}
.inside-faq-list summary{display:flex;justify-content:space-between;align-items:start;gap:24px;list-style:none;font-family:Liebling,sans-serif;font-size:22px;line-height:1.35;padding:28px 0;cursor:pointer;color:var(--color-night-ink)}
.inside-faq-list summary::-webkit-details-marker,.inside-faq-list summary::before,.inside-faq-list summary::after{display:none}
.inside-faq-list summary svg{width:24px;height:24px;flex:none;stroke:currentColor;fill:none;stroke-width:1.5;transition:transform 160ms ease}
.inside-faq-list details[open] summary svg{transform:rotate(45deg)}
.inside-faq-list summary:focus-visible{outline:3px solid var(--color-night-ink);outline-offset:4px}
.inside-faq-answer{padding:0 48px 28px 0}
.inside-faq-answer p{margin:0}

.inside-destinations{padding-block:0 var(--space)}
.destination-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--drawing-line);border-left:1px solid var(--drawing-line)}
.destination-panel{display:grid;grid-template-columns:1fr 28px;align-content:space-between;row-gap:64px;min-height:240px;padding:32px;border-right:1px solid var(--drawing-line);border-bottom:1px solid var(--drawing-line);color:var(--color-night-ink);text-decoration:none;transition:background 160ms ease}
.destination-panel>.section-icon{grid-column:1/-1}
.destination-panel>span{font-family:Liebling,sans-serif;font-size:30px;line-height:1.25;max-width:24ch}
.destination-panel>.icon{align-self:center;width:28px;height:28px;transition:transform 160ms ease}
.destination-panel:focus-visible{outline:3px solid var(--color-night-ink);outline-offset:-4px}
.next-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:0;list-style:none;border-top:1px solid rgba(255,255,255,.25);border-left:1px solid rgba(255,255,255,.25)}
.next-steps-grid>li{display:flex;flex-direction:column;min-width:0;min-height:320px;padding:32px;border-right:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25)}
.subpage .next-steps-grid h3{font-size:28px;margin:24px 0 56px}
.next-steps-grid p{margin:0;margin-top:auto}
.subpage .enquiry-next.inside-enquiry-aside{background:transparent;border:1px solid var(--drawing-line)}
.inside-enquiry-aside>.section-icon{margin-bottom:24px}
.inside-enquiry-aside .enquiry-limit{margin-top:28px}
.inside-enquiry-aside .enquiry-limit p+p{margin-top:20px}
.inside-enquiry-aside h3{font-size:22px}
.inside-enquiry-aside p+h3{margin-top:28px}
.next-steps+.page-wash{border-bottom:1px solid var(--drawing-line)}
.inside-enquiry-aside .button{margin-top:24px}
.subpage .visit-pattern-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--drawing-line);border-left:1px solid var(--drawing-line);gap:0}
.visit-pattern-grid>div{padding:32px;border-right:1px solid var(--drawing-line);border-bottom:1px solid var(--drawing-line)}
.visit-pattern-grid .section-icon{margin-bottom:24px}

/* Regional navigation is beside the full, visible list of towns. */
.coverage-layout{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.7fr);gap:64px;align-items:start}
.coverage-layout .coverage-jumps{position:sticky;top:104px;display:flex;flex-direction:column;gap:0;margin:0;border:1px solid var(--drawing-line)}
.coverage-jumps a{padding:16px 20px;border-bottom:1px solid var(--drawing-line);text-decoration:none;transition:background 160ms ease}
.coverage-jumps a:last-child{border-bottom:0}
.coverage-jumps a[aria-current="location"]{background:var(--color-storybook-green);color:var(--color-night-ink)}
.coverage-jumps a:focus-visible{outline:3px solid var(--color-night-ink);outline-offset:-4px}
.coverage-layout .coverage-region{display:block;padding-block:40px}
.coverage-layout .coverage-region:first-child{padding-top:0;border-top:0}
.coverage-layout .coverage-region:last-child{padding-bottom:0}
.coverage-layout .coverage-region h3{font-size:30px;line-height:1.25;margin-bottom:28px;max-width:none}
.coverage-layout .coverage-places{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px}
.coverage-location-note{padding:28px 32px;border:1px solid var(--drawing-line);background:color-mix(in srgb,var(--color-storybook-green) 20%,white);max-width:none!important}

/* Chapter-side navigation resets at the photographic transitions. */
.stage-reading-group{display:grid;grid-template-columns:250px minmax(0,1fr);gap:64px;align-items:start;padding-block:calc(var(--space)/2)}
.stage-reading-group:first-child{padding-top:0}
.stage-reading-group:last-child{padding-bottom:0}
.phase-navigation{position:sticky;top:104px;min-width:0;border:1px solid var(--drawing-line)}
.phase-navigation>a{display:flex;align-items:baseline;gap:12px;padding:16px 20px;font-size:17px;line-height:1.5;text-decoration:none;color:var(--color-night-ink);border-bottom:1px solid var(--drawing-line);transition:background 160ms ease}
.phase-navigation>a>span{font-size:16px;font-variant-numeric:tabular-nums;flex:none}
.phase-navigation>a[aria-current="location"]{background:var(--color-storybook-green)}
.phase-navigation>a:last-child{border-bottom:0}
.phase-navigation>a:focus-visible{outline:3px solid var(--color-night-ink);outline-offset:-4px}
.stage-reading-content{min-width:0}
.stage-reading-content .stage-chapter{display:block;padding-block:calc(var(--space)/2)}
.stage-reading-content .stage-chapter:first-child{padding-top:0}
.stage-reading-content .stage-chapter:last-child{padding-bottom:0}
.stage-reading-content .stage-chapter-intro{position:static;margin-bottom:32px}
.stage-reading-content .stage-chapter h2{font-size:36px;line-height:1.2;max-width:26ch}
.stage-reading-content .stage-chapter-intro p{max-width:65ch;margin-bottom:0}
.stage-reading-content .stage-back{display:none}
.stage-guide .stage-photo-break{margin-block:calc(var(--space)/2)}
@media(hover:hover) and (pointer:fine){
 .destination-panel:hover,.use-case-cell:hover,.coverage-jumps a:hover,.phase-navigation>a:hover{background:color-mix(in srgb,var(--color-storybook-green) 35%,white);color:var(--color-night-ink)}
 .destination-panel:hover>.icon,.stage-photo-card:hover .stage-card-link>.icon{transform:translateX(4px)}
 .stage-photo-card:hover{background:rgba(255,255,255,.1);color:white}
 .inside-faq-list summary:hover{background:color-mix(in srgb,var(--color-storybook-green) 20%,white)}
}
@media(max-width:1120px){
 .subpage .inside-section-heading{gap:40px}.inside-faq-layout{gap:40px}
 .use-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.use-case-cell{min-height:300px}
 .feature-cell,.next-steps-grid>li{padding:28px}.stage-card-track{grid-auto-columns:calc((var(--stage-content-width,100%) - 32px)/2.2);gap:20px}
 .carousel-heading{align-items:start;flex-direction:column;gap:24px}.carousel-toolbar{width:100%}
 .coverage-layout{grid-template-columns:240px minmax(0,1fr);gap:40px}
 .stage-reading-group{grid-template-columns:220px minmax(0,1fr);gap:40px}
}
@media(max-width:960px){
 .replay-story-step{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:40px}
 .replay-story-copy p{max-width:65ch}.replay-story-figure img{max-height:520px}
 .inside-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .inside-faq-layout{grid-template-columns:minmax(0,1fr);gap:0}.inside-faq h2{position:static}
 .coverage-layout{grid-template-columns:minmax(0,1fr);gap:40px}.coverage-layout .coverage-jumps{position:static;display:grid;grid-template-columns:1fr 1fr}.coverage-jumps a{border:0;box-shadow:inset -1px -1px 0 var(--drawing-line)}
 .stage-reading-group{grid-template-columns:minmax(0,1fr);gap:32px}.phase-navigation{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.phase-navigation>a{box-shadow:inset -1px -1px 0 var(--drawing-line);border:0}
}
@media(max-width:760px){
 .subpage .inside-section-heading{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:32px}
 .subpage .inside-section-heading h2 br{display:none}
 .subpage .replay-story h3{font-size:30px;max-width:20ch}.story-step-number{margin-bottom:16px}
 .replay-story-copy .story-support{padding-top:20px;margin-top:20px}
 .replay-story-step{padding-block:32px}.replay-story-figure figcaption{padding-top:12px}
 .use-case-grid,.inside-feature-grid,.next-steps-grid,.destination-grid,.subpage .visit-pattern-grid{grid-template-columns:minmax(0,1fr)}
 .use-case-cell{min-height:0;gap:40px;padding:28px 24px}.feature-cell,.next-steps-grid>li{min-height:0;padding:28px 24px}
 .subpage .feature-cell h3,.subpage .next-steps-grid h3{font-size:24px;margin:24px 0 28px}
 .subpage .feature-cell p,.next-steps-grid p{max-width:55ch}
 .stage-card-track{grid-auto-columns:calc(var(--stage-content-width,100%) * .88);gap:16px}.stage-card-copy{padding:24px 20px}.subpage .stage-card-copy h3{font-size:24px}.stage-card-link{padding:20px}
 .carousel-heading{margin-bottom:32px}.carousel-toolbar{gap:16px}
 .inside-faq-list summary{font-size:22px;gap:16px;padding-block:24px}.inside-faq-answer{padding-right:0}
 .destination-panel{min-height:210px;padding:28px 24px;row-gap:48px}.destination-panel>span{font-size:26px}.visit-pattern-grid>div{padding:28px 24px}
 .coverage-layout .coverage-jumps{grid-template-columns:minmax(0,1fr)}.coverage-layout .coverage-region h3{font-size:26px;margin-bottom:24px}.coverage-layout .coverage-places{grid-template-columns:minmax(0,1fr);gap:12px}.coverage-location-note{padding:24px}
 .phase-navigation{grid-template-columns:minmax(0,1fr)}.stage-reading-content .stage-chapter h2{font-size:30px}.stage-reading-content .stage-chapter-intro{margin-bottom:28px}
}
@media(prefers-reduced-motion:reduce){.subpage :is(.destination-panel,.stage-photo-card,.stage-card-link .icon,.use-case-cell,.inside-faq-list summary svg,.phase-navigation>a,.coverage-jumps a){transition:none}.stage-card-track{scroll-behavior:auto}}
@media print{
 .subpage .stage-carousel.scroll-driven{height:auto;padding-block:var(--space)}.scroll-driven .stage-carousel-sticky{position:static;padding-block:0}
 .story-enhanced{display:block}.story-enhanced .replay-story-step{display:block;min-height:0}.story-enhanced .replay-story-step>.replay-story-figure{display:block}.replay-story-screen{display:none!important}
 .inside-dark{background:white!important;color:var(--color-charcoal)!important}.carousel-toolbar,.inside-destinations,.phase-navigation,.coverage-jumps{display:none!important}
 .stage-card-track,.scroll-driven .stage-card-track{display:grid;width:100%;margin-inline-start:0;padding-inline-start:0;grid-auto-flow:row;grid-template-columns:1fr 1fr;overflow:visible}.stage-photo-card{color:var(--color-charcoal);border-color:var(--drawing-line)}
 .stage-reading-group,.coverage-layout,.inside-faq-layout{display:block}.inside-faq h2{position:static}.inside-faq-list details::details-content{content-visibility:visible;display:block}
}