:root { --accent: #0b63c6; --muted: #666; }
* { box-sizing: border-box; margin:0; padding:0; }
body { font-family: Tahoma, Arial, sans-serif; direction: rtl; background: #f5f7fb; color:#111; }

.header { background: var(--accent); color:#fff; padding:18px; border-radius:8px; }
.header h1 { margin-bottom:10px; }
.header nav a { color:#fff; margin-left:12px; text-decoration:none; font-weight:bold; }
.header nav a:hover { color:#ffea00; text-decoration:underline; }

.container { max-width:1100px; margin:20px auto; padding:16px; }
.layout { display:flex; gap:20px; flex-wrap:wrap; }
.main { flex:3; min-width:300px; background:#fff; padding:14px; border-radius:8px; box-shadow:0 1px 6px rgba(0,0,0,0.04); margin-bottom:16px; }
.sidebar { flex:1; min-width:220px; }

.card { background:#fff; padding:14px; border-radius:8px; box-shadow:0 1px 6px rgba(0,0,0,0.04); margin-bottom:16px; }

.advertorials { border-left:4px solid var(--accent); padding:10px; background:#fcfeff; border-radius:6px; margin-bottom:14px; }

.partners ul { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:8px; }
.partners ul li { background:#f1f5fb; padding:6px 10px; border-radius:6px; }
.partners ul li a { color:#0056b3; font-weight:600; text-decoration:none; }
.partners ul li a:hover { color:#d6336c; text-decoration:underline; }

img.responsive { max-width:100%; height:auto; border-radius:6px; }

footer { background:#222; color:#ddd; padding:18px; border-radius:6px; text-align:center; margin-top:20px; }
footer a { color:#fff; text-decoration:none; }
footer a:hover { color:#ffea00; text-decoration:underline; }
.footer-partners ul { list-style:none; padding:0; margin:10px 0; display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }
.footer-partners ul li a { color:#00bfff; font-weight:bold; text-decoration:none; }
.footer-partners ul li a:hover { color:#ffea00; text-decoration:underline; }

@media (max-width:800px) { .layout { flex-direction:column; } }