/* Steeton review: inner templates inherit the approved homepage greens.
   Local-only, colour changes only; preserve homepage, layout and typography. */
body.ocs-redesign:not(.home) {
    --ocs-bg: var(--colour-paper);
    --ocs-surface: var(--colour-surface);
    --ocs-surface-soft: var(--colour-primary-light);
    --ocs-surface-strong: var(--colour-surface-tint);
    --ocs-ink: var(--colour-ink);
    --ocs-ink-soft: var(--colour-muted);
    --ocs-muted: var(--colour-muted);
    --ocs-accent: var(--colour-primary-deep);
    --ocs-accent-deep: var(--colour-primary-deep);
    --ocs-link: var(--colour-primary-deep);
    --ocs-line: var(--colour-rule);
    --accent: var(--colour-primary-deep);
    --contrast-2: var(--colour-ink);
    --contrast-3: var(--colour-muted);
    --ocs-shadow: 0 24px 60px oklch(28% .05 155 / .10);
    --ocs-shadow-soft: 0 12px 30px oklch(28% .05 155 / .07);
    color: var(--colour-ink);
    background: linear-gradient(180deg, var(--colour-primary-light), var(--colour-surface) 32%);
}
body.ocs-redesign:not(.home).category {
    --ocs-category-primary: var(--colour-primary-deep);
    --ocs-category-accent: var(--colour-primary-deep);
}
body.ocs-redesign:not(.home) main :is(h1,h2,h3,h4),
body.ocs-redesign:not(.home) :is(.page-title,.entry-title,.entry-title a),
body.ocs-redesign:not(.home) .grid_content :is(h1,h2,h3,h4) {
    color: var(--colour-primary-deep);
}
body.ocs-redesign:not(.home) .grid_content :is(p,li,td),
body.ocs-redesign:not(.home) .entry-summary {
    color: var(--colour-ink);
}
body.ocs-redesign:not(.home) .grid_content :is(p,li) a,
body.ocs-redesign:not(.home) .ocs-prose a {
    color: var(--colour-primary-deep);
    text-decoration: underline;
}
body.ocs-redesign:not(.home) .grid_content :is(p,li) a:hover,
body.ocs-redesign:not(.home) .ocs-prose a:hover {
    color: var(--colour-ink);
}
body.ocs-redesign:not(.home) :is(.ocs-hero__panel--abstract,.ocs-page-media__visual) {
    background: linear-gradient(135deg, var(--colour-surface), var(--colour-surface-tint));
}
body.ocs-redesign:not(.home) #ez-toc-container {
    background: var(--colour-primary-light) !important;
    border-color: var(--colour-rule);
}
/* Tools use the same greens, rather than the inherited blue token set. */
body.ocs-redesign:not(.home) .pj-tool-page {
    --pj-tool-green: var(--colour-primary-deep);
    --pj-tool-deep: var(--colour-primary-deep);
    --pj-tool-ink: var(--colour-ink);
    --pj-tool-muted: var(--colour-muted);
    --pj-tool-line: var(--colour-rule);
    --pj-tool-cream: var(--colour-primary-light);
}
body.ocs-redesign:not(.home) .pj-tool-hero {
    background: linear-gradient(135deg, var(--colour-surface), var(--colour-surface-tint));
    border-color: var(--colour-rule);
}
body.ocs-redesign:not(.home) :is(.pj-tool-aside-card,.pj-tool-hero__visual) {
    background: var(--colour-primary-deep);
    color: var(--colour-surface);
}
body.ocs-redesign:not(.home) .pj-tool-aside-card :is(h2,h3,p,span),
body.ocs-redesign:not(.home) .pj-tool-hero__visual span {
    color: var(--colour-surface);
}
body.ocs-redesign:not(.home) .pj-tool-page .pj-tool-button {
    background: var(--colour-primary-deep);
    border-color: var(--colour-primary-deep);
    color: var(--colour-surface) !important;
}
body.ocs-redesign:not(.home) .pj-tool-page .pj-tool-aside-card .pj-tool-button {
    background: var(--colour-accent);
    border-color: var(--colour-accent);
    color: var(--colour-ink) !important;
}
body.ocs-redesign:not(.home) .pj-tool-page .pj-tool-button:hover,
body.ocs-redesign:not(.home) .pj-tool-page .pj-tool-button:focus-visible {
    background: var(--colour-ink);
    border-color: var(--colour-ink);
    color: var(--colour-surface) !important;
}
/* Inverse sections retain light copy; green headings must not sit on green. */
body.ocs-redesign:not(.home) :is(.ocs-page-media__badge,.ocs-owner-card__badge,.ocs-card--feature,.ocs-cta-panel) {
    background: linear-gradient(135deg, var(--colour-ink), var(--colour-primary-deep));
}
body.ocs-redesign:not(.home) :is(.ocs-city-standards,.ocs-card--feature,.ocs-cta-panel) :is(h2,h3,h4,p) {
    color: var(--colour-surface);
}
body.ocs-redesign:not(.home) .ocs-city-values .material-symbols-outlined {
    color: var(--colour-accent);
}

/* Steeton review: carry the garden photograph behind the floating navigation. */
body :is(.ocs-page--city-about .ocs-city-hero,.ocs-page--city-contact .ocs-contact-hero),
body.privacy-policy .ocs-legal-hero {
    --steeton-hero-header: 6rem;
    margin-top: calc(-1 * var(--steeton-hero-header));
    padding-top: calc(clamp(72px, 9vw, 132px) + var(--steeton-hero-header));
    background-image: linear-gradient(rgba(242,247,249,.70),rgba(242,247,249,.80)), url('../images/steeton-inner-hero.webp');
}
@media (max-width: 767px) {
    body :is(.ocs-page--city-about .ocs-city-hero,.ocs-page--city-contact .ocs-contact-hero),
    body.privacy-policy .ocs-legal-hero { --steeton-hero-header: calc(5.45rem + 26px); }
}