:root{--red:#c62828;--ink:#171717;--paper:#f7f7f7}*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,sans-serif;color:var(--ink);background:var(--paper)}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.navbar{background:#111;color:#fff;padding:12px 24px}.navbar-container{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;font-weight:800}.logo img{width:48px;height:48px;object-fit:contain}.nav-links{display:flex;gap:22px;list-style:none;margin:0;padding:0}.nav-links a{color:#fff;text-decoration:none}.nav-links a:hover,.read-more{color:var(--red)}main{flex:1}.hero{min-height:65vh;background-position:center;background-size:cover;display:grid;place-items:center;padding:24px}.hero-panel{max-width:780px;text-align:center;color:#fff;background:#0008;padding:48px;border:1px solid #fff5;border-radius:16px;backdrop-filter:blur(10px)}h1,h2{line-height:1.2}.listing,.support,.post-content,.post-header{max-width:1200px;margin:auto;padding:56px 24px}.listing h2{margin-top:62px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.news-card{background:#fff;box-shadow:0 4px 18px #0002;border-radius:12px;overflow:hidden}.card-image{width:100%;height:190px;object-fit:cover}.news-content{padding:20px}.news-content h2{font-size:1.3rem}.news-content h2 a{color:inherit;text-decoration:none}.news-content time,.post time{color:#9c1d1d;font-weight:700}.read-more{font-weight:700;text-decoration:none}.post-hero{min-height:420px;background-position:center;background-size:cover;color:#fff;display:grid;place-items:center;text-align:center;padding:24px;position:relative}.post-hero:before{content:"";position:absolute;inset:0;background:#0009}.post-hero>div{position:relative;max-width:900px}.post-hero h1{font-size:clamp(2rem,6vw,4.5rem)}.post-content{max-width:850px;font-size:1.1rem}.post-content img{max-width:100%;height:auto}.post-back{max-width:850px;margin:0 auto 64px;padding:0 24px}.post-back a{color:var(--red);font-weight:700}.support{max-width:850px}.site-footer{margin-top:auto;background:#111;color:#fff;text-align:center;padding:24px}@media(max-width:650px){.nav-links{gap:12px;font-size:.9rem}.navbar{padding:10px}.logo span{display:none}.hero-panel{padding:30px 18px}}
