/* =========================================================
   RojgarResult.info  -  Front-end Styles (mobile + desktop)
   ========================================================= */
:root{
  --maroon:#8c1b3a;
  --maroon-dark:#5b0f0f;
  --blue:#0b5394;
  --green:#1c6b3c;
  --link:#0a0ad6;
  --link-visited:#7a0fa0;
  --border:#cfcfcf;
  --bg:#eef0f3;
  --red-btn:#c1121f;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:#1a1a1a;
  font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5;
}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.rr-wrap{max-width:1080px;margin:0 auto;padding:0 10px;background:#fff}

/* ---------- BRAND BAR ---------- */
.rr-brand{background:var(--maroon)}
.rr-brand-inner{display:flex;align-items:center;padding:12px 10px;background:var(--maroon)}
.rr-logo-link{display:flex;align-items:center;gap:14px;text-decoration:none}
.rr-logo{border-radius:50%;background:#fff;padding:2px;flex:0 0 auto}
.rr-brand-text{display:flex;flex-direction:column;line-height:1.15}
.rr-brand-name{color:#fff;font-weight:800;font-size:30px;letter-spacing:.5px}
.rr-brand-name sup{font-size:13px}
.rr-brand-url{color:#f3d3dd;font-weight:700;font-size:15px;letter-spacing:1px}

/* ---------- MENU ---------- */
.rr-menu{background:#111}
.rr-menu-inner{display:flex;align-items:center;gap:8px;background:#111;position:relative}
.rr-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:18px;font-weight:700;padding:12px 6px;cursor:pointer}
.rr-menu-list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;flex:1}
.rr-menu-list a{color:#fff;display:block;padding:13px 12px;font-weight:600;font-size:14px}
.rr-menu-list a:hover{background:#2a2a2a;text-decoration:none}
.rr-search{display:flex;align-items:center;margin-left:auto}
.rr-search input{border:none;padding:7px 8px;font-size:13px;width:120px;border-radius:3px 0 0 3px;outline:none}
.rr-search button{border:none;background:#444;color:#fff;padding:7px 10px;cursor:pointer;border-radius:0 3px 3px 0}

/* ---------- WELCOME / SOCIAL / MARQUEE ---------- */
.rr-welcome{color:#c00;font-weight:700;text-align:center;padding:12px 6px 6px;font-size:15px}
.rr-social-row{text-align:center;padding-bottom:8px}
.rr-yt{display:inline-block;background:#1769ff;color:#fff;padding:6px 16px;border-radius:18px;font-weight:700;font-size:13px}
.rr-yt:hover{text-decoration:none;opacity:.92}
.rr-marquee{border:2px solid var(--maroon);background:#fff;overflow:hidden;margin:8px 0;border-radius:3px}
.rr-marquee-track{white-space:nowrap;display:inline-block;padding:7px 0;font-weight:700;color:#1565c0;animation:rrmarq 36s linear infinite}
.rr-marquee-track:hover{animation-play-state:paused}
.rr-marquee-track a{color:#c0392b;text-decoration:none}
.rr-marquee-track a:hover{text-decoration:underline}
.rr-marq-sep{color:#999}

/* ---- Subscribe box ---- */
.rr-subscribe{background:linear-gradient(135deg,var(--maroon),#6e0f2a);color:#fff;margin-top:18px;padding:20px 0}
.rr-sub-inner{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;justify-content:space-between}
.rr-sub-text h3{margin:0 0 4px;font-size:19px}
.rr-sub-text p{margin:0;font-size:13.5px;color:#f3d9e1;max-width:430px}
.rr-sub-form{display:flex;gap:8px;flex:1;min-width:260px;max-width:430px}
.rr-sub-form input{flex:1;min-width:0;padding:11px 13px;border:none;border-radius:7px;font-size:15px}
.rr-sub-form button{background:var(--gold,#d4a017);color:#3a2700;border:none;padding:11px 20px;border-radius:7px;font-weight:800;cursor:pointer;font-size:14.5px;white-space:nowrap}
.rr-sub-form button:hover{filter:brightness(1.06)}
.rr-sub-form button:disabled{opacity:.6;cursor:default}
.rr-sub-msg{flex-basis:100%;font-size:13.5px;font-weight:600;min-height:0}
.rr-sub-msg.ok{color:#bff5c8}
.rr-sub-msg.warn{color:#ffe08a}
.rr-sub-msg.err{color:#ffc2bd}
@media (max-width:600px){.rr-sub-inner{flex-direction:column;align-items:stretch}.rr-sub-form{max-width:none}}
@keyframes rrmarq{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}

.rr-main{padding-bottom:18px;min-height:40vh}

/* ---------- QUICK LINK BOXES ---------- */
.rr-quicklinks{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 0}
.rr-qbox{display:flex;align-items:center;justify-content:center;text-align:center;
  min-height:74px;padding:10px;font-weight:700;font-size:15px;border-radius:3px;line-height:1.25}
.rr-qbox:hover{text-decoration:none;filter:brightness(1.06)}

/* ---------- SECTION BOXES ---------- */
.rr-sections{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:6px 0}
.rr-secbox{border:2px solid #d39a36;border-radius:4px;overflow:hidden;background:#fff}
.rr-secbox-title{margin:0;color:#fff;text-align:center;font-size:21px;font-weight:800;
  padding:9px 6px;letter-spacing:.3px}
.rr-secbox-title a{color:#fff}
.rr-secbox-title a:hover{text-decoration:none}
.rr-secbox-list{list-style:none;margin:0;padding:10px 14px;font-family:Georgia,'Times New Roman',serif}
.rr-secbox-list li{padding:7px 0;border-bottom:1px dashed #ddd}
.rr-secbox-list li:last-child{border-bottom:none}
.rr-secbox-list a{color:var(--link);font-size:16px;font-weight:600}
.rr-secbox-list a:visited{color:var(--link-visited)}
.rr-empty{color:#777;font-style:italic}
.rr-secbox-more{text-align:right;padding:6px 14px;border-top:1px solid #eee}
.rr-secbox-more a{font-weight:700;color:var(--maroon)}

/* category list dates */
.rr-cat-list li{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.rr-cat-date{color:#888;font-size:12px;white-space:nowrap;font-family:Arial}

/* ---------- BREADCRUMB ---------- */
.rr-breadcrumb{padding:10px 0;font-size:13px;color:#555}
.rr-breadcrumb span{color:#000;font-weight:600}

/* ---------- POST ---------- */
.rr-table{width:100%;border-collapse:collapse;font-family:Georgia,'Times New Roman',serif;margin:10px 0;border:1px solid #999}
.rr-table td,.rr-table th{border:1px solid #999;padding:8px 10px;vertical-align:top;font-size:15px}
.rr-th-title{background:#fdeef2;color:var(--maroon);text-align:center;font-size:17px;font-weight:800}
.rr-postmeta .rr-pm-label{width:165px;color:var(--maroon);font-weight:700;background:#fafafa}
.rr-post-title{font-size:20px;margin:0;color:#111;font-weight:800}
.rr-kv-key{width:48%;font-weight:600}
.rr-grid th{background:#f3f3f3;text-align:center;font-weight:700}
.rr-links-title{background:#fff3cd}
.rr-link-label{font-weight:600}
.rr-link-btn{width:120px;text-align:center}
.rr-link-btn a{display:inline-block;background:var(--red-btn);color:#fff;padding:5px 14px;border-radius:3px;font-weight:700;font-family:Arial;font-size:13px}
.rr-link-btn a:hover{text-decoration:none;opacity:.9}

.rr-block{margin:14px 0}
.rr-block-title{background:#fdeef2;color:var(--maroon);font-size:17px;margin:0 0 8px;padding:7px 10px;border:1px solid #999;font-family:Georgia,serif}
.rr-text{font-family:Georgia,serif;font-size:15px;line-height:1.65}
.rr-list{font-family:Georgia,serif;padding-left:22px;line-height:1.7}

/* join + banner */
.rr-join{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.rr-join a{flex:1 1 46%;text-align:center;padding:9px;border-radius:4px;color:#fff;font-weight:700;font-size:13px}
.rr-join a:hover{text-decoration:none;opacity:.92}
.j-tg{background:#2aabee}.j-wa{background:#25d366}.j-ig{background:#d6249f}.j-yt{background:#ff0000}
.rr-post-banner{text-align:center;border:2px solid var(--maroon);padding:12px;margin:14px 0;border-radius:4px}
.rr-post-banner strong{color:var(--maroon);font-size:18px}
.rr-post-banner span{color:var(--red-btn);font-weight:700;font-size:13px}

.rr-related{margin-top:18px;border:2px solid #d39a36;border-radius:4px;overflow:hidden}
.rr-related .rr-secbox-title{font-size:18px}

/* ---------- PAGINATION ---------- */
.rr-pagination{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;padding:14px 0}
.rr-pagination a,.rr-pagination span{padding:7px 12px;border:1px solid #ccc;border-radius:4px;font-weight:700}
.rr-page-cur{background:var(--maroon);color:#fff;border-color:var(--maroon)}

/* ---------- STATIC / ABOUT ---------- */
.rr-about{margin-top:18px;padding:14px;border-top:3px solid var(--maroon)}
.rr-about h2{color:var(--maroon);font-size:18px;margin:0 0 8px}
.rr-about-text{font-size:14px;color:#444;line-height:1.7}
.rr-about-text p{margin:0 0 12px}
.rr-about-text h3{color:var(--maroon);font-size:15.5px;margin:18px 0 8px}
.rr-about-list{margin:0 0 12px;padding-left:20px}
.rr-about-list li{margin-bottom:6px}
.rr-faq details{border:1px solid #e3d6da;border-radius:7px;margin-bottom:8px;background:#fbf6f8}
.rr-faq summary{cursor:pointer;font-weight:600;color:var(--maroon);padding:10px 12px;list-style:none;position:relative}
.rr-faq summary::-webkit-details-marker{display:none}
.rr-faq summary::after{content:'+';position:absolute;right:14px;font-size:18px;line-height:1}
.rr-faq details[open] summary::after{content:'\2013'}
.rr-faq details p{margin:0;padding:0 12px 12px;color:#444}
.rr-note{background:#fff8e1;border-left:3px solid var(--gold,#d4a017);padding:10px 12px;border-radius:5px;font-size:13px;margin-top:14px}
.rr-staticpage{padding:14px 0}
.rr-staticpage h1{color:var(--maroon);font-size:24px;border-bottom:3px solid var(--maroon);padding-bottom:10px;margin:0 0 16px}
.rr-static-body{line-height:1.8;font-size:15.5px;color:#333;background:#fff;border:1px solid #e8e2e4;border-radius:8px;padding:20px 22px}
.rr-static-body h2{color:var(--maroon);font-size:18px;margin:22px 0 8px;padding-left:11px;border-left:4px solid var(--gold,#d4a017)}
.rr-static-body h2:first-child{margin-top:4px}
.rr-static-body p{margin:0 0 13px}
.rr-static-body ul{margin:0 0 14px;padding-left:22px}
.rr-static-body li{margin-bottom:7px}
.rr-static-body a{color:var(--blue);word-break:break-word}
.rr-static-body em{color:#777;font-size:13.5px}
.rr-static-body strong{color:#1a1a1a}
@media (max-width:760px){.rr-static-body{padding:15px 14px;font-size:15px}.rr-staticpage h1{font-size:20px}}
.rr-notfound{text-align:center;padding:60px 10px}
.rr-notfound h1{color:var(--maroon)}

/* ---------- ADS ---------- */
.ad-slot{margin:12px 0;text-align:center;min-height:1px;overflow:hidden}

/* ---------- FOOTER ---------- */
.rr-footer{background:#fff;margin-top:18px;border-top:4px solid var(--maroon)}
.rr-footer-social{text-align:center;padding:14px 0 6px}
.rr-footer-social a{margin:0 8px;font-weight:700;color:var(--maroon)}
.rr-footer-links{text-align:center;padding:8px 6px;font-size:13px;color:#555}
.rr-footer-links a{color:#333;font-weight:600}
.rr-disclaimer{font-size:12px;color:#777;text-align:center;padding:12px 8px;line-height:1.6}
.rr-copyright{text-align:center;background:var(--maroon);color:#fff;padding:12px;font-size:13px}

/* back to top */
.rr-top{position:fixed;right:14px;bottom:14px;display:none;background:var(--maroon);color:#fff;border:none;
  width:42px;height:42px;border-radius:6px;font-size:16px;cursor:pointer;opacity:.85;z-index:50}
.rr-top:hover{opacity:1}

/* =========================================================
   RESPONSIVE  -  MOBILE
   ========================================================= */
@media (max-width:760px){
  .rr-brand-name{font-size:23px}
  .rr-brand-url{font-size:12px}
  .rr-logo{width:60px;height:60px}

  .rr-menu-toggle{display:block;margin-right:auto}
  .rr-menu-list{display:none;flex-direction:column;flex-basis:100%;order:3;background:#1b1b1b}
  .rr-menu-list.open{display:flex}
  .rr-menu-list li{border-top:1px solid #333}
  .rr-menu-list a{padding:13px 16px}
  .rr-search{order:2}
  .rr-search input{width:96px}

  .rr-sections{grid-template-columns:1fr}
  .rr-secbox-title{font-size:19px}
  .rr-secbox-list a{font-size:16px}

  .rr-postmeta .rr-pm-label{width:120px;font-size:13px}
  .rr-join a{flex:1 1 100%}
  .rr-link-btn{width:96px}
}
@media (max-width:380px){
  .rr-quicklinks{gap:8px}
  .rr-qbox{font-size:13px;min-height:64px}
}