:root { --bg:#0f1626; --card:#151e31; --text:#eef2f8; --muted:#9aa6bb; --line:#26314a; --accent:#FF8243; --teal:#1FB5A6; }
@media (prefers-color-scheme: light) { :root { --bg:#f4f7f6; --card:#fff; --text:#1f2937; --muted:#5b6474; --line:#e5eaf0; } }
:root[data-theme="dark"] { --bg:#0f1626; --card:#151e31; --text:#eef2f8; --muted:#9aa6bb; --line:#26314a; }
:root[data-theme="light"] { --bg:#f4f7f6; --card:#fff; --text:#1f2937; --muted:#5b6474; --line:#e5eaf0; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font-family:"Hind Siliguri","Noto Sans Bengali","Sora",system-ui,sans-serif; line-height:1.8; }
.lg-top { position:sticky; top:0; z-index:5; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 20px; background:color-mix(in srgb,var(--card) 85%,transparent); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border-bottom:1px solid var(--line); }
.lg-brand { display:flex; align-items:center; gap:10px; color:var(--text); text-decoration:none; font-weight:700; font-size:18px; }
.lg-brand img { width:34px; height:34px; }
.lg-brand b { color:var(--accent); }
.lg-brand i { font-style:normal; color:var(--teal); }
.lg-back { color:var(--text); text-decoration:none; border:1px solid var(--line); padding:7px 14px; border-radius:10px; font-size:14px; font-weight:600; white-space:nowrap; }
.lg-back:hover { border-color:var(--accent); color:var(--accent); }
main { max-width:860px; margin:0 auto; padding:28px 18px 60px; }
.lg-hero { background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--card)),var(--card)); border:1px solid var(--line); border-radius:22px; padding:26px 24px; margin-bottom:18px; }
.lg-hero h1 { margin:0 0 6px; font-size:clamp(24px,5vw,32px); line-height:1.3; }
.lg-hero p { margin:0; color:var(--muted); }
.lg-toc { background:var(--card); border:1px solid var(--line); border-radius:18px; padding:16px 20px; margin-bottom:18px; }
.lg-toc b { display:block; margin-bottom:6px; }
.lg-toc ol { margin:0; padding-left:20px; columns:2; column-gap:28px; }
.lg-toc a { color:var(--text); text-decoration:none; }
.lg-toc a:hover { color:var(--accent); }
section { background:var(--card); border:1px solid var(--line); border-radius:18px; padding:20px 22px; margin-bottom:14px; }
section h2 { margin:0 0 8px; font-size:19px; color:var(--accent); scroll-margin-top:80px; }
section p, section li { color:var(--text); font-size:15.5px; }
section ul { padding-left:20px; margin:6px 0; }
.note { font-size:13.5px; color:var(--muted); }
footer { text-align:center; color:var(--muted); font-size:13px; padding:10px 18px 30px; }
footer a { color:var(--accent); }
@media (max-width:600px) { .lg-toc ol { columns:1; } section { padding:16px; } .lg-hero { padding:20px 16px; } .lg-brand span { display:none; } }
section a { color: var(--teal); }