/* Blog theme (2026-09): brings the legacy Bootstrap blog into the app-first look without touching 200+ posts. */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
body{font-family:Manrope,"Segoe UI",Helvetica,Arial,sans-serif!important;background:#EEF5F3!important;color:#0B2A33!important}
h1,h2,h3,h4,.h1,.h2,.h3{font-family:Sora,Manrope,sans-serif!important;letter-spacing:-.02em;color:inherit}
a{color:#0B7D70}
/* legacy banner header → quiet brand band */
header.position-relative.text-light{background:#0B3B4A!important;padding:0!important;min-height:0!important}
header.position-relative.text-light img.position-absolute{opacity:.28!important;filter:saturate(.6)}
header.position-relative.text-light .position-relative{padding:56px 0!important;margin:0!important}
header.position-relative.text-light h1{font-size:clamp(26px,3.4vw,40px)!important;font-family:Sora,sans-serif!important;color:#fff!important;max-width:24ch;margin:0 auto;text-wrap:balance}
/* the generic description block under the banner */
.title-border{font-family:Manrope,sans-serif!important;font-weight:500!important;font-size:18px!important;color:#3F5B64!important;line-height:1.55!important;max-width:64ch;margin:0 auto}
.title-border::after,.title-border:after{background:#12A594!important;height:3px!important;width:64px!important}
/* cards and buttons */
.card{border:1px solid #D0E0DC!important;border-radius:18px!important;box-shadow:none!important;overflow:hidden}
.card:hover{border-color:#12A594!important}
.card-title{font-family:Sora,sans-serif!important;font-size:18px!important}
.btn-primary,.btn-primary:hover,.btn-primary:focus{background:#12A594!important;border-color:#12A594!important;border-radius:12px!important;font-weight:700!important}
.btn-primary:hover{background:#0B7D70!important;border-color:#0B7D70!important}
.btn-outline-primary{color:#0B7D70!important;border-color:#12A594!important;border-radius:12px!important;font-weight:700!important}
.btn-outline-primary:hover{background:#D8F0EB!important;color:#0B7D70!important}
.badge.bg-primary,.badge.bg-info{background:#D8F0EB!important;color:#0B7D70!important}
.bg-dark-blue,.bg-primary,.bg-dark{background:#0B3B4A!important}
.text-primary{color:#0B7D70!important}
.breadcrumb a{color:#0B7D70}
article{font-size:17px;line-height:1.65}
article h2{font-size:24px;margin-top:32px}
article h3{font-size:20px;margin-top:24px}
article .lead{font-size:19px;color:#3F5B64}
article img.img-fluid{border-radius:18px}
hr{border-color:#D0E0DC}
/* legacy orange accents */
[style*="#ff6f00"],[style*="orange"],.border-warning{border-color:#12A594!important}
.text-warning{color:#C4841D!important}