/* ==========================================================================
   Policy pages
   Long prose, so the job here is the measure, the vertical rhythm and a
   table of contents that follows you down the page.
   ========================================================================== */

.lg-hero{padding-top:38px;padding-bottom:26px;background:var(--mist,#F4F7F2)}
.lg-h1{margin:14px 0 12px;max-width:18ch}
.lg-lead{max-width:60ch;margin-bottom:14px}
.lg-date{
  display:inline-block;margin:0;padding:5px 12px;border-radius:999px;
  background:#fff;border:1px solid var(--line,#E4E9E0);
  font-size:13px;color:var(--muted,#5C6B60)
}

.lg-body{padding-top:34px}
.lg-grid{
  display:grid;grid-template-columns:minmax(0,236px) minmax(0,1fr);
  gap:44px;align-items:start
}

/* --- Contents --- */
.lg-toc{position:sticky;top:20px}
.lg-toc>b{
  display:block;margin-bottom:10px;font-size:12.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--muted,#5C6B60)
}
html[lang="bn"] .lg-toc>b{text-transform:none;letter-spacing:0}
.lg-toc ol{margin:0;padding:0;list-style:none;counter-reset:lgtoc}
.lg-toc li{counter-increment:lgtoc;margin-bottom:2px}
.lg-toc a{
  display:flex;gap:9px;padding:7px 10px;border-radius:9px;text-decoration:none;
  font-size:13.6px;line-height:1.4;color:var(--muted,#5C6B60);
  transition:background .18s,color .18s
}
.lg-toc a::before{
  content:counter(lgtoc);flex:none;width:17px;
  font-variant-numeric:tabular-nums;opacity:.5
}
.lg-toc a:hover{background:#fff;color:var(--ink,#0F3325)}

/* --- The prose itself --- */
.lg-prose{max-width:68ch}
.lg-prose>section{
  padding-bottom:26px;margin-bottom:26px;
  border-bottom:1px solid var(--line,#E4E9E0)
}
.lg-prose>section:last-of-type{border-bottom:0}
.lg-prose .h3{margin:0 0 12px;scroll-margin-top:24px}
.lg-prose>section{scroll-margin-top:24px}
.lg-prose p{margin:0 0 13px;line-height:1.68;color:var(--slate,#3C4A41)}
.lg-prose p:last-child{margin-bottom:0}
.lg-prose strong{color:var(--ink,#0F3325);font-weight:700}
.lg-prose ul{margin:0 0 13px;padding:0;list-style:none}
.lg-prose ul li{
  position:relative;padding-inline-start:20px;margin-bottom:8px;
  line-height:1.62;color:var(--slate,#3C4A41)
}
.lg-prose ul li::before{
  content:"";position:absolute;inset-inline-start:4px;top:.68em;
  width:6px;height:6px;border-radius:50%;background:#7DB83E
}

/* --- Contact block and the sibling links --- */
.lg-contact-list{margin:0;padding:0;list-style:none}
.lg-contact-list li{margin-bottom:5px;color:var(--slate,#3C4A41);line-height:1.6}
.lg-contact-list li:first-child span{font-weight:700;color:var(--ink,#0F3325)}
.lg-contact-list a{color:#3D6B1E;text-decoration:none}
.lg-contact-list a:hover{text-decoration:underline}

.lg-also{margin-top:30px;padding-top:22px;border-top:1px solid var(--line,#E4E9E0)}
.lg-also>b{
  display:block;margin-bottom:11px;font-size:12.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--muted,#5C6B60)
}
html[lang="bn"] .lg-also>b{text-transform:none;letter-spacing:0}
.lg-also div{display:flex;gap:10px;flex-wrap:wrap}
.lg-also a{
  padding:9px 15px;border-radius:999px;text-decoration:none;font-size:14px;
  font-weight:600;color:var(--ink,#0F3325);background:#fff;
  border:1px solid var(--line,#E4E9E0);transition:border-color .2s,transform .22s
}
.lg-also a:hover{border-color:#4F8A26;transform:translateY(-1px)}

@media (max-width:900px){
  .lg-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .lg-toc{
    position:static;padding:16px 18px;border-radius:14px;
    background:#fff;border:1px solid var(--line,#E4E9E0)
  }
  .lg-toc ol{columns:2;column-gap:18px}
  .lg-toc a{padding:5px 0}
  .lg-toc a:hover{background:transparent}
}
@media (max-width:560px){
  .lg-h1{max-width:none}
  .lg-toc ol{columns:1}
}

@media (prefers-reduced-motion:reduce){
  .lg-toc a,.lg-also a{transition:none}
  .lg-also a:hover{transform:none}
}