/* ===== Result.org.in theme ===== */
:root{
  --maroon:#7a0019; --maroon-dark:#5c0013; --red:#c0392b; --green:#1e7d34;
  --blue:#1565c0; --purple:#6a1b9a; --orange:#d35400; --teal:#00695c;
  --link:#0b57d0; --border:#d9d9d9; --bg:#f1f1f1; --text:#222;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,"Segoe UI",Tahoma,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1180px;margin:0 auto;padding:0 10px}

header.site-header{background:#fff;border-bottom:3px solid var(--maroon);text-align:center;padding:14px 0}
.logo{display:inline-flex;align-items:center;gap:12px;font-weight:bold;color:var(--maroon);font-size:34px;letter-spacing:.5px}
.logo .mark{background:var(--maroon);color:#fff;width:54px;height:54px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:26px}
.logo small{display:block;font-size:12px;font-weight:normal;color:#555;letter-spacing:2px}

nav.main-nav{background:linear-gradient(180deg,var(--maroon),var(--maroon-dark));position:sticky;top:0;z-index:100;box-shadow:0 2px 5px rgba(0,0,0,.25)}
nav.main-nav ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;max-width:1180px;margin:0 auto}
nav.main-nav li a{display:block;color:#fff;padding:12px 18px;font-weight:bold;font-size:14px;text-transform:uppercase;letter-spacing:.3px;border-right:1px solid rgba(255,255,255,.12)}
nav.main-nav li a:hover{background:rgba(0,0,0,.25);text-decoration:none}
.nav-toggle{display:none}

.quick-section{background:#fff;border-bottom:1px solid var(--border);padding:14px 0}
.quick-title{text-align:center;font-size:18px;color:var(--maroon);font-weight:bold;margin-bottom:12px}
.quick-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.quick-links a{background:linear-gradient(180deg,#fff,#f0f0f0);border:1px solid var(--maroon);color:var(--maroon);padding:7px 16px;border-radius:4px;font-weight:bold;font-size:13px}
.quick-links a:hover{background:var(--maroon);color:#fff;text-decoration:none}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:16px 0}
.box{background:#fff;border:1px solid var(--border);border-radius:5px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08);display:flex;flex-direction:column}
.box-head{text-align:center;color:#fff;font-weight:bold;font-size:17px;padding:9px 8px;text-transform:uppercase;letter-spacing:.5px}
.box-head a{color:#fff}
.box-head a:hover{text-decoration:none}
.c-red .box-head{background:linear-gradient(180deg,var(--red),#a93226)}
.c-green .box-head{background:linear-gradient(180deg,var(--green),#155d27)}
.c-blue .box-head{background:linear-gradient(180deg,var(--blue),#0d47a1)}
.c-purple .box-head{background:linear-gradient(180deg,var(--purple),#4a148c)}
.c-orange .box-head{background:linear-gradient(180deg,var(--orange),#a04000)}
.c-teal .box-head{background:linear-gradient(180deg,var(--teal),#004d40)}
.box ul{list-style:none;padding:4px 0;flex:1}
.box ul li{border-bottom:1px dashed #e2e2e2;padding:7px 12px 7px 26px;position:relative;font-size:14px}
.box ul li:last-child{border-bottom:none}
.box ul li::before{content:"\25BA";position:absolute;left:10px;top:7px;color:var(--red);font-size:9px}
.view-more{text-align:center;padding:9px;background:#fafafa;border-top:1px solid var(--border)}
.view-more a{color:var(--red);font-weight:bold;text-transform:uppercase;font-size:13px}

.ad{margin:14px 0;height:120px;background:repeating-linear-gradient(45deg,#ececec,#ececec 12px,#e3e3e3 12px,#e3e3e3 24px);border:1px dashed #bbb;display:flex;align-items:center;justify-content:center;color:#999;font-size:13px;letter-spacing:1px}

/* article / category / page */
.content-wrap{background:#fff;border:1px solid var(--border);border-radius:5px;margin:16px 0;padding:0;overflow:hidden}
.page-head{background:linear-gradient(180deg,var(--maroon),var(--maroon-dark));color:#fff;padding:14px 20px;font-size:22px;font-weight:bold}
.breadcrumb{font-size:13px;color:#666;padding:10px 20px;border-bottom:1px solid var(--border);background:#fafafa}
.breadcrumb a{color:var(--link)}
.article-body{padding:20px;font-size:16px;line-height:1.8}
.article-body img{max-width:100%;height:auto;border-radius:4px;margin:10px 0}
.article-body h2,.article-body h3{color:var(--maroon);margin:18px 0 8px}
.article-body table{width:100%;border-collapse:collapse;margin:14px 0}
.article-body th,.article-body td{border:1px solid var(--border);padding:8px 10px;text-align:left}
.article-body th{background:var(--maroon);color:#fff}
.feat-img{width:100%;max-height:360px;object-fit:cover}
.post-meta{font-size:13px;color:#777;padding:0 20px 14px}

/* author box under article */
.author-box{display:flex;gap:14px;align-items:flex-start;margin:20px;padding:16px;background:#faf6f7;border:1px solid #ecdfe2;border-radius:8px}
.author-box img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.author-box .ab-name{font-weight:bold;font-size:16px}
.author-box .ab-name a{color:var(--maroon)}
.author-box .ab-name span{display:inline-block;margin-left:8px;font-weight:normal;font-size:12px;color:#fff;background:var(--maroon);padding:2px 8px;border-radius:12px}
.author-box p{margin-top:6px;font-size:14px;color:#555}

/* author profile page */
.author-profile{display:flex;gap:20px;align-items:center;padding:20px;background:linear-gradient(180deg,#faf6f7,#fff);border-bottom:1px solid var(--border)}
.author-profile .ap-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.18);flex-shrink:0}
.author-profile h1{color:var(--maroon);font-size:26px}
.author-profile .ap-role{color:#888;font-weight:bold;margin:2px 0 8px}
.author-profile .ap-info p{color:#555;font-size:15px}
.author-profile .ap-social{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.author-profile .ap-social a{background:#fff;border:1px solid var(--maroon);color:var(--maroon);padding:5px 12px;border-radius:4px;font-size:13px;font-weight:bold}
.author-profile .ap-social a:hover{background:var(--maroon);color:#fff;text-decoration:none}
@media(max-width:620px){.author-profile{flex-direction:column;text-align:center}.author-profile .ap-social{justify-content:center}}

/* category list */
.cat-list{list-style:none;padding:6px 0}
.cat-list li{border-bottom:1px dashed #e2e2e2;padding:11px 16px 11px 30px;position:relative}
.cat-list li::before{content:"\25BA";position:absolute;left:12px;top:13px;color:var(--red);font-size:10px}
.cat-list li a{font-size:16px}
.cat-list li small{display:block;color:#888;font-size:12px}

.pagination{display:flex;gap:6px;justify-content:center;padding:18px 0}
.pagination a,.pagination span{padding:7px 13px;border:1px solid var(--border);border-radius:4px;background:#fff;font-size:14px}
.pagination .active{background:var(--maroon);color:#fff;border-color:var(--maroon)}

footer{background:var(--maroon-dark);color:#e8d6da;margin-top:24px;padding:30px 0 0;font-size:14px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:24px}
footer h4{color:#fff;border-bottom:2px solid rgba(255,255,255,.25);padding-bottom:7px;margin-bottom:12px;font-size:15px;text-transform:uppercase}
footer ul{list-style:none}
footer ul li{padding:4px 0}
footer a{color:#f3c9d2}
footer a:hover{color:#fff}
.footer-logo{font-size:26px;font-weight:bold;color:#fff;margin-bottom:8px}
.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.2);margin-top:22px;padding:14px 0;background:rgba(0,0,0,.2);font-size:13px}

@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){
  .grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}
  .logo{font-size:26px}.logo .mark{width:44px;height:44px;font-size:22px}
  nav.main-nav ul{display:none;flex-direction:column}
  nav.main-nav ul.open{display:flex}
  nav.main-nav li a{border-right:none;border-bottom:1px solid rgba(255,255,255,.12)}
  .nav-toggle{display:block;width:100%;background:none;border:none;color:#fff;font-size:18px;font-weight:bold;padding:12px;cursor:pointer;text-align:left}
  .page-head{font-size:18px}
}