/* Oblates East Africa | unified public design v21 */
:root{--ob21-navy:#15284a;--ob21-purple:#4b2c82;--ob21-accent:#e98524;--ob21-ink:#19233a;--ob21-muted:#56627a;--ob21-stroke:#e7e8ef;--ob21-surface:#fff;--ob21-radius:22px}
html{scroll-behavior:smooth}body{font-family:'Poppins',system-ui,sans-serif!important;color:var(--ob21-ink)!important;background:#f8f9fc!important;line-height:1.65}
h1,h2,h3,h4,h5,h6{line-height:1.22;color:var(--ob21-ink);overflow-wrap:anywhere}
.navbar{background:#fff!important;box-shadow:0 5px 24px rgba(22,30,52,.065)!important}
.navbar .nav-link{font-size:.88rem;font-weight:600!important;white-space:normal}
.container{max-width:1180px}
/* Clear readable typography across public pages */
main p,section p,.card-text,.cp-rich,.ol-description,.blog-content,.entry-content{font-size:clamp(.94rem,.9rem + .17vw,1.05rem);line-height:1.85}
main img,section img{max-width:100%}
.card:not(.event-card):not(.sister-card-modern){border-color:var(--ob21-stroke)!important;border-radius:var(--ob21-radius);box-shadow:0 14px 40px rgba(18,29,50,.065);overflow:hidden}
.card-img-top{object-fit:cover;aspect-ratio:16/10;width:100%}
.card-title{font-weight:700}.card-body{padding:clamp(18px,2vw,26px)}
.btn{border-radius:12px;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px)}
:focus-visible{outline:3px solid #a48ad2!important;outline-offset:3px}
/* Preserve custom page headings, with strong contrast on dark hero images */
.ol-hero h1,.cp-hero h1,.gallery-hero h1,.hero h1{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.17)}
.ol-hero p,.cp-hero p,.gallery-hero p{color:rgba(255,255,255,.95)!important}
/* Editorial pages remain comfortable to read */
.blog-detail,.blog-single-content,.entry-content{max-width:940px;margin-left:auto;margin-right:auto}
.ol-story,.ol-card,.cp-card,.oa-gallery-group{box-shadow:0 20px 48px rgba(24,31,55,.085)}
.ol-photo img,.cp-card-img img{object-fit:cover}
/* Inline rich text should never overflow on mobile */
.cp-rich img,.ol-description img,.card-body img{height:auto}
.cp-rich iframe,.ol-description iframe{max-width:100%}
@media(max-width:768px){.container{padding-left:18px;padding-right:18px}.navbar .nav-link{font-size:.93rem}.card-body{padding:18px}h1{font-size:clamp(1.9rem,6vw,2.5rem)}.cp-hero,.ol-hero{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.btn{transition:none!important}}