:root{
  --paper:#F7F3EA;
  --paper-2:#EFE9D8;
  --ink:#12302E;
  --red:#1F6F69;
  --gold:#B08D3E;
  --grey:#6B6B62;
  --line:#D6E0DD;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:'Noto Nastaliq Urdu', serif;
  direction:rtl;
}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px;}

/* MASTHEAD */
.topbar{
  background:var(--ink);color:var(--paper);font-size:12.5px;
  padding:6px 0;font-family:sans-serif;letter-spacing:0.02em;
}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;}
.topbar a{opacity:0.85;}
.topbar a:hover{opacity:1;color:var(--red);}

header.masthead{border-bottom:3px solid var(--ink);padding:26px 0 14px;background:var(--paper);}
.masthead .wrap{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;}
.masthead .dateline{
  font-family:sans-serif;font-size:12px;color:var(--grey);letter-spacing:0.08em;
  display:flex;gap:18px;text-transform:uppercase;margin-bottom:10px;
}
.masthead h1.logo{font-size:56px;font-weight:700;letter-spacing:0.01em;color:var(--red);}
.masthead .tagline{font-family:sans-serif;font-size:13px;color:var(--grey);letter-spacing:0.15em;margin-top:2px;}
.masthead .social{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap;justify-content:center;}
.masthead .social a{
  width:34px;height:34px;background:var(--red);border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:var(--paper);
  transition:.2s;
}
.masthead .social a svg{width:17px;height:17px;fill:currentColor;}
.masthead .social a:hover{background:var(--gold);transform:translateY(-2px);}

nav.catnav{border-bottom:1px solid var(--line);background:var(--paper-2);}
nav.catnav .wrap{display:flex;justify-content:center;gap:36px;padding:12px 0;flex-wrap:wrap;font-family:sans-serif;font-size:14px;}
nav.catnav a:hover{color:var(--red);}

/* HERO / GRID */
main{padding:40px 0 80px;}
.hero-story{border-bottom:1px double var(--line);padding-bottom:34px;margin-bottom:34px;}
.hero-story .cat-tag{
  display:inline-block;background:var(--red);color:var(--paper);font-family:sans-serif;
  font-size:11px;padding:4px 10px;letter-spacing:0.08em;margin-bottom:14px;
}
.hero-story h2{font-size:38px;line-height:1.3;margin-bottom:12px;}
.hero-story h2 a:hover{color:var(--red);}
.hero-story p.excerpt{font-size:18px;color:#3A3A36;line-height:1.9;max-width:820px;margin:0 auto 12px;}
.hero-story .meta{font-family:sans-serif;font-size:12.5px;color:var(--grey);}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.card{background:var(--paper);padding:24px;}
.card .cat-tag{font-family:sans-serif;font-size:10.5px;color:var(--red);letter-spacing:0.08em;margin-bottom:10px;display:block;}
.card h3{font-size:22px;line-height:1.5;margin-bottom:10px;}
.card h3 a:hover{color:var(--red);}
.card p{font-size:14.5px;color:#4a4a45;line-height:1.8;margin-bottom:10px;}
.card .meta{font-family:sans-serif;font-size:11.5px;color:var(--grey);}
@media(max-width:820px){.grid{grid-template-columns:1fr;}}

/* ARTICLE PAGE */
.article-wrap{max-width:760px;margin:0 auto;padding:50px 24px 80px;}
.article-wrap .cat-tag{
  display:inline-block;background:var(--red);color:var(--paper);font-family:sans-serif;
  font-size:11px;padding:4px 10px;letter-spacing:0.08em;margin-bottom:16px;
}
.article-wrap h1{font-size:38px;line-height:1.4;margin-bottom:14px;}
.article-wrap .meta{font-family:sans-serif;font-size:12.5px;color:var(--grey);margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:20px;}
.article-wrap img.cover{width:100%;border-radius:2px;margin-bottom:24px;}
.article-wrap .body-text{font-size:19px;line-height:2.1;color:#242422;white-space:pre-wrap;}
.back-link{display:inline-block;margin-top:36px;font-family:sans-serif;font-size:13.5px;color:var(--red);}

/* SUBSCRIBE / SUPPORT */
section.subscribe{background:var(--ink);color:var(--paper);padding:70px 0;}
.subscribe .wrap{display:grid;grid-template-columns:0.9fr 1.1fr;gap:50px;align-items:start;}
.subscribe h2{font-size:32px;margin-bottom:14px;}
.subscribe p{font-family:sans-serif;font-size:14px;color:#C9C6BA;line-height:1.8;margin-bottom:18px;}
.pay-box{border:1px solid #3A3A36;border-radius:6px;padding:20px;}
.bank-block{padding:12px 0;border-top:1px solid #2E2E2A;}
.bank-block:first-of-type{border-top:none;padding-top:0;}
.bank-block .bank-name{font-family:'Noto Nastaliq Urdu',serif;color:var(--red);font-size:16px;margin-bottom:6px;}
.raast-box{background:#1F1F1B;border:1px solid var(--red);border-radius:6px;padding:14px 18px;margin:14px 0;text-align:center;}
.raast-box .val{font-family:sans-serif;font-size:19px;color:var(--paper);letter-spacing:0.05em;font-weight:600;}
.raast-box .lbl{font-family:sans-serif;font-size:11px;color:#C9C6BA;text-transform:uppercase;letter-spacing:0.08em;margin-top:4px;}
.terms-note{font-family:sans-serif;font-size:12.5px;color:#C9C6BA;border-top:1px solid #2E2E2A;padding-top:12px;margin-top:6px;line-height:1.7;}
.terms-note b{color:var(--red);}
.pay-row{display:flex;justify-content:space-between;font-family:sans-serif;font-size:13.5px;padding:8px 0;border-top:1px solid #2E2E2A;color:#B7B4A8;}
.pay-row:first-child{border-top:none;}
.pay-row b{color:var(--paper);}
form.sub-form{display:flex;flex-direction:column;gap:14px;}
form.sub-form input,form.sub-form select{
  background:#1F1F1B;border:1px solid #3A3A36;color:var(--paper);padding:12px 14px;
  border-radius:4px;font-family:sans-serif;font-size:14px;
}
form.sub-form label{font-family:sans-serif;font-size:11.5px;color:#C9C6BA;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:5px;display:block;}
.btn{font-family:sans-serif;padding:13px 24px;border-radius:4px;font-size:13.5px;cursor:pointer;border:none;display:inline-flex;gap:8px;align-items:center;}
.btn-red{background:var(--red);color:var(--paper);}
.btn-red:hover{background:#D62E29;}
#subStatus{font-family:sans-serif;font-size:12.5px;color:#C9C6BA;min-height:16px;}
@media(max-width:820px){.subscribe .wrap{grid-template-columns:1fr;}}

/* FOOTER */
footer{background:var(--paper-2);padding:40px 0;border-top:1px solid var(--line);font-family:sans-serif;}
footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:12.5px;color:var(--grey);}

/* CHATBOT WIDGET */
#tk-chat-toggle{position:fixed;bottom:24px;left:24px;width:56px;height:56px;border-radius:50%;background:var(--red);color:var(--paper);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,0.3);z-index:200;font-size:22px;border:none;}
#tk-chat-window{position:fixed;bottom:90px;left:24px;width:320px;max-width:88vw;height:420px;max-height:66vh;background:#fff;border:1px solid var(--line);border-radius:10px;display:none;flex-direction:column;overflow:hidden;z-index:200;box-shadow:0 16px 40px rgba(0,0,0,0.3);}
#tk-chat-window.open{display:flex;}
#tk-chat-header{background:var(--ink);color:var(--paper);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-family:sans-serif;font-size:14px;}
#tk-chat-header button{background:none;border:none;color:var(--paper);font-size:18px;cursor:pointer;}
#tk-chat-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;}
.msg{max-width:85%;padding:9px 12px;border-radius:6px;font-size:14px;line-height:1.6;font-family:'Noto Nastaliq Urdu',serif;}
.msg.bot{background:var(--paper-2);align-self:flex-start;}
.msg.user{background:var(--red);color:var(--paper);align-self:flex-end;}
#tk-chat-input-row{display:flex;border-top:1px solid var(--line);}
#tk-chat-input{flex:1;border:none;padding:12px;font-family:'Noto Nastaliq Urdu',serif;font-size:14px;}
#tk-chat-input:focus{outline:none;}
#tk-chat-send{background:var(--red);color:var(--paper);border:none;padding:0 16px;cursor:pointer;}