:root{
  --paper:#FCF8F1; --paper-2:#F4ECDE;
  --ink:#171232; --ink-soft:#4A4368;
  --marigold:#F5A524; --vermilion:#DF4030; --teal:#0E8A7D; --grape:#5B3FD1;
  --hair:rgba(23,18,50,.15);
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);
  font-family:'Mukta',system-ui,sans-serif;font-size:17px;line-height:1.72;
  -webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:0 26px}
a{color:var(--grape)}
a:hover{color:var(--vermilion)}

nav.top{background:rgba(252,248,241,.95);border-bottom:1px solid var(--hair);
  position:sticky;top:0;z-index:20;backdrop-filter:blur(8px)}
nav.top .wrap{max-width:1120px;display:flex;align-items:center;justify-content:space-between;
  gap:18px;padding-top:14px;padding-bottom:14px}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}
.logo img{height:32px;width:auto;display:block}
.logotext{font-family:'Tiro Devanagari Marathi',Georgia,serif;font-size:22px}
.backlink{font-size:14.5px;font-weight:600;color:var(--ink-soft);text-decoration:none}
.backlink:hover{color:var(--vermilion)}

header.page{padding:56px 0 30px;border-bottom:1px solid var(--hair)}
header.page h1{font-family:'Tiro Devanagari Marathi',Georgia,serif;font-weight:400;
  font-size:clamp(2rem,5.5vw,3rem);line-height:1.2}
header.page .upd{margin-top:12px;color:var(--ink-soft);font-size:.92rem}

main{padding:34px 0 70px}
main h2{font-family:'Tiro Devanagari Marathi',Georgia,serif;font-weight:400;
  font-size:1.5rem;margin:38px 0 10px;padding-top:6px}
main h2:first-of-type{margin-top:10px}
main h3{font-size:1.06rem;font-weight:700;margin:22px 0 6px}
main p{margin-bottom:14px;color:var(--ink-soft)}
main ul{margin:0 0 16px 20px;color:var(--ink-soft)}
main li{margin-bottom:7px}
main strong{color:var(--ink);font-weight:700}
.callout{background:var(--paper-2);border-left:4px solid var(--marigold);
  padding:18px 22px;margin:22px 0}
.callout p{margin:0;color:var(--ink)}
.entity{border:1px solid var(--hair);background:#fff;padding:20px 22px;margin:24px 0}
.entity p{margin:0 0 6px;color:var(--ink)}
.entity p:last-child{margin:0}
.todo{border:1px dashed var(--vermilion);padding:14px 18px;margin:22px 0;
  color:var(--vermilion);font-size:.92rem}

footer{background:var(--ink);color:rgba(252,248,241,.6);padding:28px 0 40px;font-size:.9rem}
footer .wrap{max-width:1120px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px}
footer a{color:rgba(252,248,241,.75);text-decoration:none}
footer a:hover{color:var(--marigold)}