*{box-sizing:border-box}:root{--navy:#102b50;--blue:#173c69;--red:#d92332;--ink:#17263a;--muted:#68788d;--line:#e2e7ee}
html{scroll-behavior:smooth}body{margin:0;background:#f4f6f9;color:var(--ink);font-family:system-ui,"Noto Sans Bengali",sans-serif;line-height:1.65}
.wrap{width:min(1220px,94%);margin:auto}.top{background:var(--navy);color:#fff}.mast{display:flex;align-items:center;justify-content:space-between;padding:15px 0}
.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand b{display:block;font-size:29px;line-height:1.2}.brand small{display:block;font-size:12px;opacity:.82}
.mark{display:grid;place-items:center;width:50px;height:50px;background:var(--red);color:#fff;font-size:26px;font-weight:900;border-radius:7px}
.mast-right{display:flex;align-items:center;gap:18px;font-size:13px}.menu-toggle{display:none;background:#fff;color:var(--navy);border:0;border-radius:6px;padding:8px 12px;font:inherit;font-weight:700}
.topnav{background:var(--blue);color:white}.topnav .wrap{display:flex;gap:5px}.topnav a{color:#fff;text-decoration:none;padding:9px 13px;font-size:14px}.topnav a:hover{background:var(--red)}
.ticker{background:#fff;border-bottom:1px solid var(--line)}.tickerin{display:flex;gap:14px;align-items:center;padding:9px 0;font-size:14px;overflow:hidden}.tickerin>b{flex:none;background:var(--red);color:#fff;padding:3px 10px;border-radius:3px}.ticker-track{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:24px;align-items:start;padding-top:22px}.sidebar{background:#fff;border:1px solid var(--line);border-radius:9px;padding:12px;position:sticky;top:12px}
.side-head{font-weight:800;color:var(--navy);padding:6px 9px 12px;border-bottom:2px solid var(--red);margin-bottom:7px}
.side-link{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;margin:2px 0;color:#33465e;text-decoration:none;border-radius:6px;font-size:14px}.side-link:hover,.side-link.active{background:var(--navy);color:#fff}.side-link span{font-size:11px;opacity:.8}
.side-note{margin-top:15px;padding:12px;background:#f4f6f9;border-radius:7px;color:var(--navy);font-size:13px}.side-note p{margin:2px 0 0;color:var(--muted)}
.content{min-width:0}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:8px 0 22px}
.eyebrow{color:var(--red);font-weight:800;margin:0}.intro h1{margin:4px 0;font-size:clamp(25px,3.2vw,36px);color:var(--navy)}.intro p{margin:4px 0;color:var(--muted)}
.intro input{width:min(290px,100%);padding:12px 14px;border:1px solid #cbd4df;border-radius:8px;font:inherit;background:#fff}
.sectionhead{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--red);margin:7px 0 16px}.sectionhead h2{margin:0;padding:0 0 8px;color:var(--navy);font-size:22px}.sectionhead span{font-size:13px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 3px 12px #102b5009;display:flex;flex-direction:column;min-width:0;transition:transform .18s}
.card:hover{transform:translateY(-2px)}.card-img{width:100%;height:165px;object-fit:cover;display:block;background:#e5eaf0}.card-body{padding:13px 15px 16px;display:flex;flex-direction:column;flex:1}
.meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#718096}.cat{color:var(--red);font-weight:800}
.card h3{font-size:18px;line-height:1.45;margin:10px 0 7px;color:var(--navy)}.card h3 a{color:inherit;text-decoration:none}.card p{font-size:14px;color:#56677c;margin:0 0 13px}
.read-link{margin-top:auto;display:inline-block;color:#c51e2d;text-decoration:none;font-weight:800;font-size:14px}
.detail-view{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}.back-btn{border:0;background:#edf1f6;color:var(--navy);padding:9px 13px;border-radius:6px;font:inherit;font-weight:700;cursor:pointer;margin-bottom:15px}
.detail-image{width:100%;max-height:420px;object-fit:cover;border-radius:8px;display:block}.detail-meta{color:var(--muted);font-size:13px;margin:12px 0 5px}
.detail-view h1{color:var(--navy);font-size:clamp(23px,3vw,34px);line-height:1.4;margin:8px 0 12px}.detail-view p{color:#4d5d72}.source-btn{display:inline-block;background:var(--red);color:white;padding:10px 15px;border-radius:6px;text-decoration:none;font-weight:700}
.disclaimer{margin:25px 0;background:#fff8e9;border-left:4px solid #e2a52c;padding:14px 16px;font-size:13px;color:#5c4a2c}
footer{border-top:1px solid #dce3eb;padding:22px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.footbrand{color:var(--navy)}.footbrand b{font-size:21px}.footbrand .mark{width:38px;height:38px;font-size:20px}footer p{margin:0}footer a{color:#c51e2d}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.page-layout{grid-template-columns:1fr;gap:12px;padding-top:12px}.menu-toggle{display:block}.sidebar{display:none;position:static}.sidebar.open{display:block}.side-link{display:inline-flex;width:calc(50% - 5px);vertical-align:top}.intro{display:block;padding:12px 0 18px}.intro input{margin-top:13px;width:100%}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-img{height:130px}}
@media(max-width:480px){.wrap{width:93%}.brand b{font-size:24px}.mark{width:44px;height:44px}.mast-right{font-size:11px;gap:8px}.grid{grid-template-columns:1fr}.card-img{height:190px}.side-link{width:100%}.topnav a{padding:8px 10px}}