/* SAHABATSLOT88 — shared styling for category landing pages (matches index content system) */
:root{ --rjd-ink:#14141f; --rjd-ink2:#1a1a2e; --rjd-gold:#c8a14b; --rjd-red:#e63946; --rjd-body:#444; --rjd-line:#e8e8e8; }
*{box-sizing:border-box;}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#f4f4f6;color:var(--rjd-body);line-height:1.7;}
a{color:var(--rjd-red);text-decoration:none;} a:hover{text-decoration:underline;}
.rjd-top{background:linear-gradient(180deg,#14141f,#1f1f33);border-bottom:2px solid var(--rjd-gold);}
.rjd-top__in{max-width:1100px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.rjd-brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.5px;color:var(--rjd-gold);font-size:1.15rem;text-decoration:none;}
.rjd-brand img{height:34px;width:auto;}
.rjd-menu{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0;}
.rjd-menu a{color:#e9e9f0;font-size:.84rem;padding:7px 11px;border-radius:6px;}
.rjd-menu a:hover{background:rgba(200,161,75,.16);color:#fff;text-decoration:none;}
.rjd-menu a[aria-current="page"]{background:var(--rjd-red);color:#fff;}
.rjd-cta{background:var(--rjd-gold);color:#14141f !important;font-weight:700;padding:8px 16px;border-radius:6px;font-size:.84rem;}
.rjd-cta:hover{filter:brightness(1.08);text-decoration:none;}
.rjd-crumb{max-width:1040px;margin:0 auto;padding:14px 20px 0;font-size:.8rem;color:#888;}
.rjd-crumb a{color:#888;}
.rjd-wrap{max-width:1040px;margin:0 auto;padding:18px 20px 56px;}
.rjd-hero{background:#fff;border:1px solid var(--rjd-line);border-radius:12px;padding:34px 30px;margin-bottom:26px;border-top:4px solid var(--rjd-red);}
.rjd-hero h1{margin:0 0 12px;color:var(--rjd-ink2);font-size:1.8rem;line-height:1.3;}
.rjd-hero p{margin:0;color:#555;font-size:1rem;}
.rjd-card{background:#fff;border:1px solid var(--rjd-line);border-radius:12px;padding:28px 30px;margin-bottom:22px;}
.rjd-card h2{margin:0 0 16px;color:var(--rjd-ink2);font-size:1.3rem;border-bottom:2px solid var(--rjd-red);padding-bottom:10px;}
.rjd-card h3{color:var(--rjd-ink2);font-size:1.04rem;margin:20px 0 8px;}
.rjd-card p{margin:0 0 14px;font-size:.96rem;}
.rjd-note{display:block;background:#fbf7ec;border-left:4px solid var(--rjd-gold);border-radius:6px;padding:16px 18px;margin:18px 0 4px;color:#5a4a1f;font-size:.93rem;}
.rjd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:6px;}
.rjd-pill{border:1px solid var(--rjd-line);border-radius:10px;padding:16px 18px;background:#fafafb;}
.rjd-pill b{display:block;color:var(--rjd-ink2);margin-bottom:6px;font-size:1rem;}
.rjd-pill span{font-size:.9rem;color:#555;}
.rjd-foot{background:#14141f;color:#b9b9c6;border-top:2px solid var(--rjd-gold);}
.rjd-foot__in{max-width:1040px;margin:0 auto;padding:30px 20px;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;}
.rjd-foot h4{color:var(--rjd-gold);font-size:.95rem;margin:0 0 10px;}
.rjd-foot ul{list-style:none;margin:0;padding:0;}
.rjd-foot li{margin:6px 0;}
.rjd-foot a{color:#b9b9c6;font-size:.86rem;}
.rjd-foot a:hover{color:#fff;}
.rjd-foot__note{max-width:1040px;margin:0 auto;padding:0 20px 26px;font-size:.78rem;color:#73738a;}
@media(max-width:680px){.rjd-hero h1{font-size:1.45rem;}}