body{background:#000;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;margin:0}
header{background:#111;padding:20px;text-align:center;border-bottom:3px solid #c1121f}
header h1{color:#ffd700;margin:0}
a{color:##FFFFFF;text-decoration:none;font-weight:600}
a:hover{color:#ffd700;text-decoration:underline}
.button{display:inline-block;background:#ff4d4d;color:#fff;padding:10px 14px;border-radius:8px;margin:8px 6px;border:1px solid #8a1f1f}
.button:hover{filter:brightness(1.08)}
main{max-width:1100px;margin:0 auto;padding:20px}
section{background:#181818;padding:18px;border-radius:10px;margin:16px 0;border:1px solid #2a2a2a}
footer{background:#111;padding:18px;text-align:center;color:#bbb;border-top:1px solid #222}
.nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:10px 0}
.grid{display:grid;gap:10px}
@media(min-width:768px){.grid.cols-3{grid-template-columns:repeat(3,1fr)}}

/* Breadcrumbs */
.breadcrumbs{max-width:1100px;margin:8px auto 0;padding:8px 12px;color:#bbb}
.breadcrumbs a{color:#ff9e9e}
.breadcrumbs a:hover{text-decoration:underline;color:#ffd700}
/* Pager */
.pager{display:flex;justify-content:space-between;gap:10px;margin:14px 0}
.pager a{flex:1;text-align:center}