:root{--deep:#0a1926;--gold:#c6a45c;--surface:#fff;--paper:#f6f5f1;--ink:#20303c;--muted:#53616a;--line:#e0ded5;--link:#73551e}
:root[data-theme="dark"]{--surface:#142431;--paper:#0e1c28;--ink:#f1eee5;--muted:#d4d6d3;--line:#52616a;--link:#e8ca8a}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 'Open Sans',Arial,sans-serif}
a{color:var(--link);text-underline-offset:3px}
img{max-width:100%;height:auto}
h1,h2,h3,.site-header,.btn{font-family:Montserrat,Arial,sans-serif;line-height:1.2}
.container{width:min(1180px,calc(100% - 56px));margin-inline:auto}
.site-header{background:var(--surface);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;gap:22px;min-height:77px;position:relative}
.site-branding,.logo-default,.header-controls{display:flex;align-items:center;gap:10px}
.logo-default,.site-title a,.main-navigation a{text-decoration:none;color:var(--ink);font-size:14px;font-weight:700}
.logo-default svg{width:40px;height:40px}
.site-title{border-left:1px solid var(--line);padding-left:10px}
.main-navigation{margin-left:auto}
.main-navigation ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}
.main-navigation a:hover,.main-navigation [aria-current]{text-decoration:underline}
.header-controls button{border:1px solid var(--line);background:var(--surface);color:var(--ink);width:35px;height:35px;padding:7px;cursor:pointer}
.header-controls svg{width:100%;height:100%}
.header-controls .menu-toggle,.icon-sun,[data-theme="dark"] .icon-moon{display:none}
[data-theme="dark"] .icon-sun{display:block}
.header-search{display:none;padding:12px 0;border-top:1px solid var(--line)}
.header-search.is-open{display:block}
.search-form{display:flex;gap:8px;flex-wrap:wrap}
.search-form input,.search-form button{padding:6px 9px;font:14px 'Open Sans',Arial,sans-serif}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hero{position:relative;overflow:hidden;background:var(--deep);color:white;padding:72px 0 67px}
.hero-canvas,.hero-overlay{position:absolute;inset:0}
.hero-overlay{pointer-events:none;background:linear-gradient(95deg,#0a1926a0,transparent)}
.hero-content{position:relative;max-width:890px}
.hero h1{font-size:clamp(35px,5vw,68px);margin:19px 0 23px}
.hero .highlight,.hero-tag{color:#e8ca8a}
.hero-tag{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:700;border:1px solid #c6a45c70;padding:7px 11px}
.hero-tag svg,.btn svg,.card-meta svg,.card-readmore svg{width:16px;height:16px;vertical-align:middle}
.hero-desc{max-width:720px;font-size:20px;color:#e4e8e9}
.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:26px}
.btn{padding:12px 17px;text-decoration:none;display:inline-flex;gap:8px;align-items:center;border:1px solid var(--gold);font-size:14px;font-weight:700}
.btn-primary{background:var(--gold);color:var(--deep)}
.btn-outline{color:#f2ddae}
.stats-bar{background:var(--surface);border-bottom:1px solid var(--line);padding:19px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.stat-item{padding:8px 12px;border-left:2px solid var(--gold)}
.stat-number{font:800 clamp(24px,3vw,38px)/1.1 Montserrat,Arial,sans-serif}
.stat-label{font-size:13px;color:var(--muted)}
.section{padding:40px 0}
.section-header h2{font-size:clamp(27px,3.5vw,42px);margin:0 0 10px}
.section-header p{margin:0 0 23px;color:var(--muted)}
.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.card{min-width:0;background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--gold)}
.card-thumbnail:empty,.card-thumbnail a:empty,.bap-single-thumb:empty{display:none}
.card-thumbnail img{display:block;width:100%}
.card-body{padding:19px}
.card-title{font-size:19px;margin:12px 0}
.card-title a{color:var(--ink);text-decoration:none}
.card-meta,.card-category{font-size:12px;color:var(--muted)}
.card-excerpt,.card-readmore{font-size:15px}
.card-footer,.pagination{margin-top:13px}
.site-footer{background:var(--deep);color:#ebedf1;padding:26px 0 17px}
.site-footer a{color:#ebedf1}
.footer-widgets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.footer-bottom{font-size:13px;border-top:1px solid #ffffff45;padding-top:15px}
.bap-single-card h1{font-size:clamp(31px,3.8vw,50px);margin:0 0 22px}
.bap-single-content h2{font-size:clamp(24px,2.7vw,34px);margin-top:34px}
.bap-sidebar{padding:17px 21px;background:var(--surface);border-top:3px solid var(--gold)}
.bap-sidebar h2{font-size:20px}
.bap-sidebar ul{padding-left:18px}
@media(max-width:930px){
 .site-title{display:none}
 .posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
 .container{width:calc(100% - 36px)}
 .header-inner{min-height:65px;justify-content:space-between;gap:8px}
 .header-controls{gap:5px}
 .header-controls .menu-toggle{display:block}
 .main-navigation{display:none;position:absolute;top:100%;left:0;right:0;z-index:3;background:var(--surface);padding:15px;border:1px solid var(--line)}
 .header-inner:has(.menu-toggle[aria-expanded="true"]) .main-navigation{display:block}
 .main-navigation ul{flex-direction:column;gap:13px}
 .hero{padding:40px 0 35px}
 .hero-desc{font-size:17px}
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .section{padding:30px 0}
 .posts-grid,.footer-widgets{grid-template-columns:minmax(0,1fr)}
}
