/* প্রতিদিন শিখি (/daily) — মূল পাতার কালো-সোনালি ধাঁচে; প্রতিটা ক্যাটাগরির নিজের রং (--c1 → --c2) */
body.daily-page{background:#07070a;color:#e9e9ef}
.dl{min-height:70vh;padding-bottom:60px}
.dl-load,.dl-empty{text-align:center;color:#a9a9b2;padding:120px 16px 40px}
.dl-empty{grid-column:1/-1;padding:40px 16px}.dl-empty a{color:#f3c55d}
/* উপরের অংশ */
.dl-hero{padding:140px 0 44px;text-align:center;background:radial-gradient(900px 420px at 20% 0%,rgba(61,155,255,.16),transparent 60%),radial-gradient(900px 420px at 85% 10%,rgba(240,48,110,.14),transparent 60%),radial-gradient(700px 360px at 50% 100%,rgba(243,197,93,.10),transparent 70%)}
.dl-hero h1{margin:12px 0 6px;color:#fff;font:900 clamp(32px,5vw,56px)/1.2 var(--serif)}
.dl-hero h1 small{display:block;margin-top:4px;font:700 clamp(14px,1.8vw,18px)/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(90deg,#ffc24b,#ff6a3d,#f0306e,#7a6bff,#43e6ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.dl-hero p{margin:0 auto;max-width:640px;color:#c9c9d2;font-size:clamp(15px,1.8vw,18px)}
.dl-free{display:inline-block;padding:6px 14px;border-radius:999px;border:1px solid rgba(74,222,128,.5);background:rgba(74,222,128,.1);color:#7ee2a8;font:700 13px/1.4 var(--sans)}
/* ৬ ক্যাটাগরির কার্ড */
.dl-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:6px 0 46px}
.dl-cat{position:relative;display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:22px;text-decoration:none;color:#fff;overflow:hidden;isolation:isolate;
  background:linear-gradient(160deg,#141418,#0d0d10) padding-box,linear-gradient(135deg,var(--c1),var(--c2)) border-box;border:1.5px solid transparent;transition:transform .3s,box-shadow .3s}
.dl-cat::before{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,var(--c2),transparent 70%);opacity:.22;z-index:-1;transition:opacity .3s}
.dl-cat:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(0,0,0,.5)}.dl-cat:hover::before{opacity:.4}
.dl-cat h2{margin:0;font:800 21px/1.3 var(--sans)}.dl-cat p{margin:4px 0 0;color:#b9b9c2;font-size:14px;line-height:1.6}
.dl-cat-foot{margin-top:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#9a9aa4;font-size:13px}
.dl-cat-foot b{margin-left:auto;color:var(--c1);font-size:14px}
.dl-new{padding:3px 10px;border-radius:999px;background:linear-gradient(135deg,var(--c1),var(--c2));color:#140f08;font-weight:800;font-size:12px}
.dl-ic{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.dl-ic svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dl-ic.big{width:72px;height:72px;border-radius:20px}.dl-ic.big svg{width:38px;height:38px}
.dl-h{margin:10px 0 16px;color:#fff;font:800 24px/1.3 var(--sans)}
/* খোঁজা ও ফিল্টার */
.dl-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 18px;padding:12px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}
.dl-search{flex:1 1 260px;display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:12px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12)}
.dl-search svg{width:18px;height:18px;fill:none;stroke:#f3c55d;stroke-width:2;flex:none}
.dl-search input{flex:1;min-width:0;border:0;background:none;color:#fff;font:500 15px var(--sans);padding:12px 0;outline:none}
.dl-tools select,.dl-tools input[type=date]{padding:11px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.35);color:#fff;font:500 14.5px var(--sans);color-scheme:dark}
.dl-tools select option{color:#111}
.dl-tools .btn{padding:11px 20px}
.dl-clear{color:#ff9a9a;font-size:14px;text-decoration:none}
.dl-found{margin:0 0 12px;color:#a9a9b2}
/* পোস্টের কার্ড */
.dl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.dl-card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;text-decoration:none;color:#fff;background:#111114;border:1px solid rgba(255,255,255,.09);transition:transform .3s,border-color .3s,box-shadow .3s}
.dl-card:hover{transform:translateY(-5px);border-color:var(--c1);box-shadow:0 18px 40px rgba(0,0,0,.5)}
.dl-thumb{position:relative;aspect-ratio:16/9;background:#18181d;overflow:hidden}
.dl-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.dl-card:hover .dl-thumb img{transform:scale(1.05)}
.dl-thumb-ph{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.12),transparent 50%),linear-gradient(135deg,color-mix(in srgb,var(--c1) 35%,#111),color-mix(in srgb,var(--c2) 45%,#0b0b0e))}
.dl-chip{position:absolute;left:10px;top:10px;padding:4px 11px;border-radius:999px;background:linear-gradient(135deg,var(--c1),var(--c2));color:#140f08;font:800 12px/1.4 var(--sans)}
.dl-qz{position:absolute;right:10px;top:10px;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.65);color:#fff;font:700 12px/1.4 var(--sans)}
.dl-cb{flex:1;display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px}
.dl-cb small{color:#9a9aa4;font-size:12.5px}
.dl-cb h3{margin:0;font:700 17px/1.45 var(--sans)}
.dl-cb p{margin:0;color:#b4b4bd;font-size:14px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dl-more{margin-top:auto;padding-top:6px;color:var(--c1);font-weight:700;font-size:14px}
.dl-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 0;color:#a9a9b2}
/* একটা ক্যাটাগরির উপরের অংশ */
.dl-cat-hero{text-align:left;background:radial-gradient(800px 380px at 15% 0%,color-mix(in srgb,var(--c1) 26%,transparent),transparent 65%),radial-gradient(700px 340px at 90% 20%,color-mix(in srgb,var(--c2) 22%,transparent),transparent 65%)}
.dl-back{display:inline-block;margin-bottom:14px;color:#cfcfd6;text-decoration:none;font-size:14px}.dl-back:hover{color:#f3c55d}
.dl-cat-title{display:flex;align-items:center;gap:18px}
.dl-cat-title h1{margin:0 0 4px;font-size:clamp(28px,4vw,44px)}.dl-cat-title p{margin:0 0 10px;max-width:none}
/* পুরো পোস্ট */
.dl-post-wrap{padding-top:120px}
.dl-post{max-width:820px;margin:0 auto 40px;padding:28px;border-radius:24px;background:#111114;border:1px solid rgba(255,255,255,.09)}
.dl-crumb{font-size:13.5px;color:#9a9aa4;margin-bottom:14px}.dl-crumb a{color:#cfcfd6;text-decoration:none}.dl-crumb a:hover{color:#f3c55d}
.dl-post-meta{display:flex;align-items:center;gap:12px}.dl-post-meta .dl-ic{width:44px;height:44px;border-radius:13px}.dl-post-meta .dl-ic svg{width:24px;height:24px}
.dl-post-meta b{display:block;color:var(--c1)}.dl-post-meta small{color:#9a9aa4}
.dl-post h1{margin:16px 0 14px;color:#fff;font:800 clamp(24px,3.4vw,34px)/1.35 var(--sans)}
.dl-post-img{width:100%;max-height:440px;object-fit:cover;border-radius:16px;display:block;margin:0 0 18px}
.dl-body p{margin:0 0 14px;color:#dcdce3;font-size:17px;line-height:1.95}
.dl-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09)}
.dl-nav a{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);color:#fff;text-decoration:none;font-weight:600;font-size:14.5px}
.dl-nav a.r{text-align:right}.dl-nav a small{display:block;color:var(--c1);font-size:12.5px;margin-bottom:2px}.dl-nav a:hover{border-color:var(--c1)}
/* কুইজ */
.dl-quiz{margin-top:26px;padding:20px;border-radius:20px;background:linear-gradient(160deg,color-mix(in srgb,var(--c1) 10%,transparent),rgba(255,255,255,.02));border:1px solid color-mix(in srgb,var(--c1) 45%,transparent)}
.dl-quiz-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.dl-quiz-head h2{margin:0;color:#fff;font:800 20px/1.3 var(--sans)}
.dl-quiz-head span{padding:5px 12px;border-radius:999px;background:rgba(0,0,0,.35);color:#f3c55d;font:700 13.5px var(--sans)}
.dq{padding:14px 0;border-top:1px dashed rgba(255,255,255,.1)}.dq:first-of-type{border-top:0}
.dq-q{margin:0 0 10px;color:#fff;font-size:16px;line-height:1.6}
.dq-os{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dq-o{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#e9e9ef;font:500 15px/1.4 var(--sans);text-align:left;cursor:pointer;transition:border-color .2s,background .2s}
.dq-o i{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.1);font-style:normal;font-weight:700;font-size:13px}
.dq-o:not(:disabled):hover{border-color:var(--c1);background:rgba(255,255,255,.07)}
.dq-o:disabled{cursor:default}
.dq-o.right{border-color:#22c55e;background:rgba(34,197,94,.16)}.dq-o.right i{background:#22c55e;color:#fff}
.dq-o.wrong{border-color:#ef4444;background:rgba(239,68,68,.14)}.dq-o.wrong i{background:#ef4444;color:#fff}
.dq-ex{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.3)}
.dq-ex b.ok{color:#4ade80}.dq-ex b.no{color:#ff8a80}.dq-ex p{margin:6px 0 0;color:#cfcfd6;font-size:14.5px;line-height:1.7}
.dl-quiz-end{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}
.dl-res b{display:block;color:#f3c55d;font:900 30px/1.1 var(--sans)}.dl-res span{color:#dcdce3}
.dl-foot{padding:26px 0}.dl-foot .credit{margin:0}
@media(max-width:980px){.dl-cats,.dl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.dl-hero{padding:110px 0 30px}.dl-cats,.dl-grid{grid-template-columns:1fr;gap:12px}.dl-post{padding:18px}.dq-os{grid-template-columns:1fr}.dl-nav{grid-template-columns:1fr}.dl-nav a.r{text-align:left}.dl-cat-title{flex-direction:column;align-items:flex-start}.dl-body p{font-size:16px}.dl-post-wrap{padding-top:96px}}
