:root{--navy:#2c3e50;--orange:#e67e22;--paper:#f5f7f8;--ink:#263644;--rule:#d2dbe2}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 'PT Serif',Georgia,serif}
a{color:#365774;text-underline-offset:3px}
img{max-width:100%;height:auto}
.container{width:min(1180px,calc(100% - 56px));margin-inline:auto}
.site-header{background:#fff;border-top:4px solid var(--orange);border-bottom:1px solid var(--rule);font:600 14px/1.35 Montserrat,Arial,sans-serif}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:20px;position:relative}
.site-branding{display:flex;align-items:center;gap:12px}
.site-logo-default svg,.site-branding svg{display:block;width:47px;height:47px}
.site-title{margin:0;font:700 22px/1.2 Montserrat,Arial,sans-serif}
.site-title a,.main-navigation a{text-decoration:none;color:var(--navy)}
.site-description{margin:5px 0 0;font-size:11px;color:#526474}
.main-navigation ul{display:flex;list-style:none;margin:0;padding:0;gap:23px}
.main-navigation [aria-current],.main-navigation a:hover{text-decoration:underline}
.menu-toggle{display:none}
.hero-section{background:var(--navy);color:#fff;border-bottom:4px solid var(--orange);padding:55px 0 40px}
.hero-slider{position:relative}
.hero-slide{display:none}
.hero-slide.active{display:block}
.hero-content{max-width:840px;min-height:200px}
.hero-content h1{font:700 clamp(34px,4.6vw,60px)/1.15 Montserrat,Arial,sans-serif;margin:0 0 16px}
.hero-content p{font-size:clamp(17px,2vw,21px);max-width:730px;color:#eef1f5}
.slider-nav{display:flex;gap:10px;padding-top:12px}
.slider-dot{width:21px;height:12px;padding:0;border:1px solid #fff;background:transparent;cursor:pointer}
.slider-dot.active{background:var(--orange);border-color:var(--orange)}
.site-content,.site-main{padding-block:42px}
.site-main .site-content,.site-content .site-main{padding-block:0}
.content-area{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,260px);gap:24px;align-items:start}
.main-content,.sidebar,.post-card{min-width:0}
.posts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.post-card{position:relative;background:#fff;border:1px solid var(--rule)}
.post-card.sticky{border-top:3px solid var(--orange)}
.card-image:empty,.bap-single-thumb:empty{display:none}
.card-image img{display:block;width:100%}
.card-body{padding:18px}
.card-meta{font:12px/1.4 'Roboto Mono',monospace;color:#526474}
.card-title{font:700 19px/1.28 Montserrat,Arial,sans-serif;margin:10px 0}
.card-title a{text-decoration:none;color:var(--navy)}
.card-excerpt{font-size:15px}
.sidebar,.bap-sidebar{padding:17px;background:#fff;border-left:3px solid var(--orange)}
.sidebar ul,.bap-sidebar ul{padding-left:18px}
.wp-block-heading,.widget-title,.bap-sidebar h2{font:700 18px/1.3 Montserrat,Arial,sans-serif}
.bap-single-card h1{font:700 clamp(31px,3.5vw,48px)/1.18 Montserrat,Arial,sans-serif;margin:0 0 22px}
.bap-single-content h2{font:700 clamp(24px,2.7vw,33px)/1.23 Montserrat,Arial,sans-serif;margin-top:34px}
.site-footer{background:var(--navy);color:#f1f5f7;padding:30px 0 18px}
.site-footer a{color:#f1f5f7}
.footer-widgets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.footer-widgets ul{padding-left:18px}
.footer-bottom{padding-top:15px;border-top:1px solid #ffffff50;font-size:13px}
.pagination{margin-top:23px}
@media(max-width:880px){
 .main-navigation ul{gap:12px}
 .content-area{grid-template-columns:minmax(0,1fr) 200px;gap:16px}
}
@media(max-width:720px){
 .container{width:calc(100% - 36px)}
 .header-inner{min-height:73px}
 .site-logo-default svg,.site-branding svg{width:34px;height:34px}
 .site-title{font-size:16px}
 .site-description{font-size:9px}
 .menu-toggle{display:block;padding:8px;border:1px solid var(--rule);background:white;color:var(--navy);white-space:nowrap}
 .main-navigation{display:none;position:absolute;top:100%;left:0;right:0;padding:15px;background:#fff;border:1px solid var(--rule);z-index:3}
 .menu-toggle[aria-expanded="true"]~.main-navigation{display:block}
 .main-navigation ul{flex-direction:column;gap:13px}
 .hero-section{padding:39px 0 32px}
 .site-content,.site-main{padding-block:27px}
 .content-area,.posts-grid,.footer-widgets{grid-template-columns:minmax(0,1fr)}
}