*{box-sizing:border-box}
:root{--ink:#221e2a;--violet:#342148;--warm:#ffcf5f;--paper:#fffcf2;--line:#d6c8d4}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 "Merriweather",Georgia,serif}
h1,h2,h3,h4,.site-title{font-family:"Roboto Condensed","Arial Narrow",sans-serif;line-height:1.16}
a{color:#573669}img{max-width:100%;height:auto}button{font:inherit;cursor:pointer}
.container{width:min(1170px,calc(100% - 54px));margin-inline:auto}
.site-header{background:var(--ink);color:white;border-bottom:4px solid var(--warm)}
.site-header>.container,.logo-fallback,.nav-menu{display:flex;align-items:center}
.site-header>.container{justify-content:space-between;min-height:85px;gap:14px}
.logo-fallback{gap:11px;color:white;text-decoration:none}.logo-icon{display:grid;place-items:center;width:42px;height:42px;background:var(--warm);color:var(--ink);font:700 28px "Roboto Condensed",sans-serif;transform:rotate(-4deg)}
.logo-text,.site-title,.site-tagline{display:block}.site-title{font-size:28px;font-weight:700}.site-tagline{font-size:11px}
.nav-menu{list-style:none;gap:18px;padding:0;margin:0}.nav-menu a{font:700 16px "Roboto Condensed",sans-serif;color:white;text-decoration:none}
.nav-menu [aria-current],.nav-menu a:hover{color:var(--warm);text-decoration:underline}
.menu-toggle{display:none}
.hero-section{position:relative;background:var(--violet);color:white;border-bottom:4px solid var(--ink)}
.hero-slider{position:relative;overflow:hidden}.hero-slide{position:relative;display:none;background-position:center;background-size:cover}
.hero-slide.active{display:block}.hero-slide-overlay{position:absolute;inset:0;background:linear-gradient(95deg,#211530ed,#25143572)}
.hero-slide-content{position:relative;width:min(1170px,calc(100% - 54px));margin:auto;padding:clamp(48px,8vw,105px) 80px 94px 0}
.hero-slide h2{max-width:850px;margin:12px 0 17px;font-size:clamp(35px,5.8vw,75px);font-weight:700}
.hero-slide h2 a{color:white;text-decoration:none}.hero-excerpt{max-width:700px;margin-bottom:17px}
.hero-badge,.hero-btn{display:inline-block;background:var(--warm);color:var(--ink);font:700 15px "Roboto Condensed",sans-serif;padding:7px 12px;text-decoration:none}
.hero-controls,.hero-dots{position:absolute;bottom:19px;z-index:1;display:flex;align-items:center;gap:7px}
.hero-controls{right:max(24px,calc((100% - 1170px)/2))}.hero-dots{left:max(24px,calc((100% - 1170px)/2))}
.hero-control-btn,.hero-dot{color:white;background:var(--ink);border:1px solid #f4e9fb}
.hero-control-btn{font-size:24px;line-height:1;padding:3px 10px}.hero-dot{width:16px;height:16px}.hero-dot.active{background:var(--warm)}
.section-heading{padding-top:36px}.section-heading :is(h1,h2){font-size:clamp(30px,4.7vw,48px);margin:0 0 20px}
.comic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.post-card{border:2px solid var(--ink);background:white;box-shadow:3px 3px 0 var(--line)}
.card-thumbnail:not(:has(img)){display:none}.card-thumbnail img{width:100%;aspect-ratio:2/1;object-fit:cover;display:block}
.card-body{padding:14px 16px}.card-title{font-size:25px;margin:8px 0}.card-title a,.read-more{text-decoration:none;font-weight:700}
.card-meta,.card-footer,.rarity-badge{font:700 14px "Roboto Condensed",sans-serif}.rarity-badge{color:#573669}
.pagination-wrap{padding-block:20px}.page-numbers{padding:3px 7px}
.site-footer{margin-top:30px;background:var(--ink);color:white;padding:24px 0}.site-footer a{color:white}
.footer-widgets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.footer-bottom{margin-top:17px;border-top:1px solid #ffffff55;padding-top:13px}
.bap-single-card h1{font-size:clamp(34px,5vw,57px);margin:0 0 17px}.bap-single-content h2{font-size:clamp(25px,3.2vw,38px);margin-top:31px}
.bap-sidebar{padding:15px;background:#eee4ef;border-top:4px solid var(--violet)}
@media(max-width:820px){.comic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
 .container,.hero-slide-content{width:calc(100% - 34px)}
 .site-header>.container{min-height:65px;flex-wrap:wrap;padding-block:8px}
 .site-branding{flex:1;min-width:0}.site-title{font-size:22px}.site-tagline{font-size:10px}.logo-icon{width:34px;height:34px}
 .menu-toggle{display:block;margin-left:auto;background:var(--warm);color:var(--ink);border:0;padding:4px 9px}
 .nav-menu{display:none}.main-navigation:has(.menu-toggle[aria-expanded="true"]){flex-basis:100%}
 .main-navigation.is-open .nav-menu{display:flex;flex-direction:column;align-items:start;gap:7px;margin:8px 0}
 .hero-slide-content{padding-inline-end:0}
 .comic-grid,.footer-widgets{grid-template-columns:minmax(0,1fr)}
}