/* features.css */
:root{--accent:#0f6fd6}
.sec-idfc-haryana{--accent:#e3232a}.sec-fuel{--accent:#e8890c}.sec-insurance{--accent:#12a58f}.sec-casino{--accent:#8a5cf0}.sec-rewards{--accent:#d6409f}.sec-hdfc-bank{--accent:#2f7de1}.sec-iran-war{--accent:#8c5a3c}
.piece .art .wordmark,.card .wordmark{display:none!important}
.piece{border-top:5px solid var(--pa,var(--line))}
.piece[href^="/idfc-haryana"]{--pa:#e3232a}.piece[href^="/fuel"]{--pa:#e8890c}.piece[href^="/insurance"]{--pa:#12a58f}.piece[href^="/casino"]{--pa:#8a5cf0}.piece[href^="/rewards"]{--pa:#d6409f}.piece[href^="/hdfc-bank"]{--pa:#2f7de1}.piece[href^="/iran-war"]{--pa:#8c5a3c}
.piece .k2,.chapno{color:var(--pa,var(--accent))}
body[class*="sec-"] .chapno,body[class*="sec-"] .card .cn{color:var(--accent)}
body[class*="sec-"] .card{border-left:4px solid var(--accent)}
body[class*="sec-"] h2{border-bottom-color:var(--accent)}
.brand .mark{flex:none;margin-right:10px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px}
.chips button{border:1px solid var(--line);background:var(--chip);color:var(--ink);border-radius:999px;padding:7px 15px;font-size:13.5px;font-weight:700;cursor:pointer}
.chips button.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.latest{margin:22px 0 4px}.latest h3{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-soft);margin:0 0 10px}
.latest .lrow{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}
.latest a{flex:0 0 250px;scroll-snap-align:start;border:1px solid var(--line);border-top:4px solid var(--la,var(--blue));border-radius:10px;padding:12px 14px;background:var(--card);text-decoration:none;color:var(--ink)}
.latest a span{display:block;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--la,var(--blue))}
.latest a b{display:block;font-family:Georgia,serif;font-size:15px;line-height:1.3;margin-top:4px}
.fsub{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border:1px solid var(--line);border-left:5px solid var(--accent);background:var(--chip);border-radius:10px;padding:12px 16px;margin:16px 0}
.fsub b{font-family:Georgia,serif;font-size:15.5px}.fsub form{display:flex;gap:8px;flex:1 1 280px}
.fsub input{flex:1;min-width:0;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-size:14px}
.fsub button{border:0;background:var(--accent);color:#fff;font-weight:700;border-radius:8px;padding:9px 16px;cursor:pointer}
.fsub small{flex-basis:100%;color:var(--ink-soft);font-size:12px}
.related{margin:44px 0 12px;border-top:1px solid var(--line);padding-top:22px}
.related h2{margin-top:0}.related .rg{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:720px){.related .rg{grid-template-columns:repeat(3,1fr)}}
.related .rg a{display:block;border:1px solid var(--line);border-top:4px solid var(--ra,var(--blue));border-radius:10px;padding:13px 15px;text-decoration:none;color:var(--ink);background:var(--card)}
.related .rg a span{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--ra,var(--blue))}
.related .rg a b{display:block;font-family:Georgia,serif;font-size:16px;margin:4px 0}.related .rg a i{font-style:normal;font-size:13px;color:var(--ink-soft)}
.funnel{margin-top:16px;font-size:14px;color:var(--ink-soft);line-height:1.6}.funnel a{font-weight:700}
#toc{display:none}
@media(min-width:1260px){
 #toc{display:block;position:fixed;top:116px;right:max(20px,calc((100vw - 1180px)/2 - 20px));width:250px;max-height:calc(100vh - 130px);overflow:auto;font-size:13px;border-left:2px solid var(--line);padding-left:14px;z-index:20}
 #toc .th{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:var(--ink-soft);margin-bottom:6px}
 #toc .tp{height:3px;background:var(--line);border-radius:2px;margin:6px 0 10px}#toc .tp i{display:block;height:3px;width:0;background:var(--accent);border-radius:2px}
 #toc a{display:block;padding:4px 0;color:var(--ink-soft);text-decoration:none;line-height:1.35}#toc a.on{color:var(--ink);font-weight:700;border-left:3px solid var(--accent);margin-left:-17px;padding-left:14px}
 #toc .ts{margin-top:10px;width:100%;border:1px solid var(--line);background:var(--chip);color:var(--ink);border-radius:8px;padding:8px;font-weight:700;cursor:pointer}
}
#mbar{display:none}
@media(max-width:720px){
 body.hasbar{padding-bottom:56px}
 #mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:58;background:#0f2440;color:#dceaf8;align-items:center;justify-content:space-between;padding:10px 16px;font-size:13px;font-weight:700;box-shadow:0 -4px 16px rgba(0,20,40,.3)}
 #mbar button{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:999px;padding:6px 14px;font-weight:700}
 body.hasbar .rtle,body.hasbar .srcchip{display:none!important}
}
#srch{width:100%;padding:13px 16px;font-size:17px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink)}
#sres a{display:block;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}#sres a b{font-family:Georgia,serif;font-size:17px}#sres a span{display:block;font-size:13px;color:var(--ink-soft)}
.tpage p,.tpage li{line-height:1.7}