/* Inner pages (every page except home): rules all 20 static inner pages shared, in original order. */
.nav-link[aria-current="page"]{color:var(--gold-light)}
.drawer a[aria-current="page"]{color:var(--gold-light)}
.page-hero{background:var(--hero-sand)}
.ph-row{display:flex;flex-direction:column;gap:28px;padding:40px 0 48px}
.ph-photo{order:-1}
.ph-photo img{width:136px;height:136px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 1px 2px rgba(22,48,92,.08)}
.page-hero h1{font-size:34px;line-height:1.15}
.h1-sub{display:block;font-size:21px;line-height:1.3;color:var(--clay-deep);margin-top:10px}
.page-hero .lede{margin:20px 0 0;max-width:52ch}
.page-hero .btn-row{margin-top:28px}
.page-hero a.btn-leaf-solid{border-color:var(--leaf-dark)}
.page-hero a.btn-leaf-solid:hover{border-color:var(--leaf-mid)}
@media(min-width:760px){ .ph-row{flex-direction:row;align-items:center;gap:56px;padding:56px 0} .ph-text{flex:1.4 1 0;min-width:0} .ph-photo{order:0;flex:1 1 0;max-width:400px} .ph-photo img{width:100%;height:auto;border-radius:4px;border:0;box-shadow:none} .page-hero h1{font-size:42px} .h1-sub{font-size:24px} }
@media(min-width:1100px){ .ph-row{padding:72px 0} .page-hero h1{font-size:48px} .h1-sub{font-size:26px} .page-hero .lede{font-size:19px} }
.crumbs ol{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:14px;line-height:1.4}
.crumbs li{color:var(--body)}
.crumbs li+li::before{content:"/";margin-right:6px;color:var(--clay-deep)}
.crumbs a{color:var(--navy);font-weight:600}
.creds{display:flex;flex-wrap:wrap;gap:0 48px}
.cred{flex:1 1 100%;display:flex;align-items:flex-start;gap:16px;padding:20px 0;border-bottom:1px solid #DCD4C4}
@media(min-width:820px){.cred{flex:1 1 calc(50% - 24px)}.cred:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:819px){.cred:last-child{border-bottom:0}}
.cred .chip{background:#fff}
.cred h3{font-size:19px;margin:6px 0 6px}
.cred p{margin:0;font-size:16px}
.cred a{text-decoration:underline;text-underline-offset:2px}
.cred a:hover{color:var(--clay-deep)}
.svc-links{list-style:none;margin:0;padding:0}
.svc-links li{border-bottom:1px solid rgba(255,255,255,.14)}
.svc-links li:first-child{border-top:1px solid rgba(255,255,255,.14)}
.svc-links a{display:flex;align-items:center;gap:16px;padding:16px 0;color:#fff;font-weight:600;font-size:17px;line-height:1.35}
.svc-links a:hover{text-decoration:none;color:var(--gold-light)}
.svc-links .chip-outline{width:44px;height:44px}
.svc-links .svc-t{flex:1 1 auto}
.svc-links .ar{transition:transform .18s ease}
.svc-links a:hover .ar{transform:translateX(4px)}
.note-card{background:#fff;border:1px solid var(--line);border-left:3px solid var(--clay-deep);border-radius:4px;padding:26px}
.note-card h3{margin-bottom:12px}
.note-card p{font-size:16px}
/* Full-width safety cards (condition + service pages): text fills the card from tablet up; heading | text columns from laptop up (SB, Oct 26) */
@media(min-width:760px){.note-card--wide .pencil-richtext p{max-width:none}}
@media(min-width:1024px){.note-card--wide{display:flex;gap:48px;align-items:flex-start}.note-card--wide h3{flex:0 0 240px;margin:0}.note-card--wide .pencil-richtext{flex:1 1 0;min-width:0}}
/* Article cards (blog): "Related reading" on topic pages and "Related articles" on posts (SB, Oct 26) */
.posts{display:flex;flex-wrap:wrap;gap:20px}
.post-card{flex:1 1 100%;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden}
@media(min-width:760px){.post-card{flex:0 1 calc(33.333% - 14px)}}
.post-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.post-card-b{display:flex;flex-direction:column;flex:1 1 auto;padding:22px}
.post-card h3{font-size:20px;margin:0 0 10px}
.post-card h3 a{color:var(--navy)}
.post-card h3 a:hover{color:var(--clay-deep);text-decoration:none}
.post-card p{font-size:15.5px;margin:0 0 16px;flex:1 1 auto}
.post-card .arrow-link{margin-top:auto}