*{box-sizing:border-box}
:root{--navy:#0b2a4a;--sand:#e6b17e;--cream:#fbf6ee;--line:#e1d4c5}
body{margin:0;background:var(--cream);color:var(--navy);font:17px/1.65 "Lora",Georgia,serif}
h1,h2,h3,h4,.site-title{font-family:Montserrat,sans-serif;line-height:1.18}
a{color:#6c431f}img{max-width:100%;height:auto}button{font:inherit;cursor:pointer}
.container,.header-inner{width:min(1150px,calc(100% - 54px));margin-inline:auto}
.site-header{background:var(--navy);color:white}
.header-inner,.site-branding,.main-navigation .menu{display:flex;align-items:center}
.header-inner{min-height:81px;justify-content:space-between;gap:14px}
.site-branding{gap:10px}.site-logo svg{display:block;width:45px;height:45px}
.site-title{font-size:25px;font-weight:750}.site-title a,.main-navigation a{color:white;text-decoration:none}.site-description{font-size:12px;margin:0}
.main-navigation .menu{margin:0;padding:0;list-style:none;gap:19px}
.main-navigation a{font:700 14px Montserrat,sans-serif}.main-navigation [aria-current],.main-navigation a:hover{color:var(--sand);text-decoration:underline}
.menu-toggle{display:none}
.hero-section{background:#143759;border-top:1px solid #ffffff33;text-align:center;padding:clamp(34px,7vw,78px) 16px}
.hero-section h1{font-size:clamp(34px,5.2vw,65px);max-width:900px;margin:0 auto 16px}
.hero-section p{max-width:720px;margin:0 auto 19px;font-size:clamp(17px,1.9vw,21px)}
.btn--primary{display:inline-block;padding:8px 15px;background:var(--sand);color:var(--navy);font-weight:750;text-decoration:none}
.roadmap-section,.featured-slider-section,.flip-cards-section{padding-block:30px}
.section-title{font-size:clamp(29px,4.4vw,46px);margin:0 0 17px}
.roadmap{display:flex;justify-content:space-between;gap:9px;flex-wrap:wrap}
.roadmap-step{flex:1;min-width:116px;background:#fff;padding:9px;border-top:3px solid var(--sand);text-align:center}
.roadmap-num{display:block;font-weight:750}.roadmap-label{font-size:14px}
.featured-slider{position:relative;overflow:hidden;background:var(--navy);color:white}
.slider-track{display:flex;transition:transform .25s ease}.slider-slide{min-width:100%;display:flex;align-items:center}
.slide-image:not(:has(img)){display:none}.slide-image{flex:1;min-width:0}.slide-image img{display:block;width:100%;max-height:360px;object-fit:cover}
.slide-content{flex:1;min-width:0;padding:19px 28px 62px}.slide-content h3{font-size:clamp(24px,3.4vw,42px);margin:6px 0}
.slide-content a{color:white}.slider-controls{position:absolute;bottom:10px;right:12px;display:flex;gap:7px}
.slider-controls button{background:var(--sand);color:var(--navy);border:0;padding:4px 9px}
.flip-cards-section{background:#f1e4d4}.flip-cards-grid,.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.flip-card{cursor:pointer;min-width:0;background:#fff;border:1px solid var(--line);border-top:3px solid var(--sand)}
.flip-card__front,.flip-card__back{padding:14px 16px}.flip-card h3,.flip-card h4,.flip-card p{margin:0}
.flip-card__back,.flip-card.is-open .flip-card__front{display:none}.flip-card.is-open .flip-card__back{display:block}
.flip-hint{font-size:13px}.flip-card:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.posts-grid article{background:#fff;border:1px solid var(--line)}.post-card__image:not(:has(img)){display:none}
.post-card__image img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover}.post-card__body{padding:14px 16px}
.post-card__title{margin:7px 0;font-size:24px}.post-card__meta,.post-card__category{font-size:13px}
.pagination{padding:19px 0}.page-numbers{padding:3px 7px}
.site-footer{background:var(--navy);color:white;padding:22px 0}.site-footer a{color:#ffd4ac}
.footer-widgets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.footer-bottom{border-top:1px solid #ffffff59;padding-top:12px}
.bap-single-card h1{font-size:clamp(32px,5vw,54px);margin:0 0 17px}.bap-single-content h2{font-size:clamp(25px,3vw,38px);margin-top:30px}
.bap-sidebar{background:#f1e4d4;border-left:3px solid var(--sand);padding:14px 16px}
@media(max-width:830px){.posts-grid,.flip-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
 .container,.header-inner{width:calc(100% - 34px)}.header-inner{min-height:65px;flex-wrap:wrap;padding-block:7px;gap:8px}
 .site-branding{min-width:0;flex:1}.site-logo svg{width:35px;height:35px}.site-title{font-size:22px}.site-description{font-size:10px}
 .menu-toggle{display:block;background:var(--navy);color:white;border:1px solid var(--sand);padding:5px}
 .menu-toggle svg{display:block;width:20px;stroke:currentColor;stroke-width:2}
 .main-navigation{display:none;flex-basis:100%}.menu-toggle[aria-expanded="true"]~.main-navigation{display:block}
 .main-navigation .menu{flex-direction:column;align-items:start;gap:7px;padding:7px 0}
 .posts-grid,.flip-cards-grid,.footer-widgets{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.slider-track{transition:none}}
