/* Shared styles for Rohit Karki blog post pages */
:root{
  --paper:#F1F2F0;
  --paper-2:#E7E9E5;
  --ink:#15242B;
  --ink-soft:#55676E;
  --accent:#15534E;
  --accent-soft:#3E7A74;
  --line:#D7DAD6;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:"Newsreader",Georgia,serif;
  font-size:19px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--accent);color:#fff;}
a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--line);transition:border-color .2s,color .2s;}
a:hover{border-color:var(--accent);}
a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px;}

.mono{font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-soft);}

.wrap{max-width:680px;margin:0 auto;padding:0 28px;}

/* Top bar with home link */
.topbar{padding:34px 0;border-bottom:1px solid var(--line);margin-bottom:7vh;}
.topbar a.home{
  font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:1rem;
  letter-spacing:-.01em;border:none;color:var(--ink);
}
.topbar a.home:hover{color:var(--accent);}

/* Post header */
.post-head{margin-bottom:6vh;}
.post-head .mono{display:block;margin-bottom:20px;}
.post-head h1{
  font-family:"Space Grotesk",sans-serif;font-weight:600;letter-spacing:-.02em;
  font-size:clamp(2rem,5.5vw,3rem);line-height:1.08;margin:0 0 18px;
}
.post-head .byline{
  font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--accent-soft);
}

/* Post body */
article p{margin:0 0 1.2em;}
article h2{
  font-family:"Space Grotesk",sans-serif;font-weight:600;letter-spacing:-.01em;
  font-size:1.4rem;line-height:1.2;margin:2em 0 .6em;
}
article em{color:var(--ink);}
.lead{font-size:1.18rem;line-height:1.5;color:var(--ink);}

/* Footer / next links */
.post-foot{margin-top:8vh;padding-top:34px;border-top:1px solid var(--line);}
.post-foot .mono{display:block;margin-bottom:16px;}
.post-foot ul{list-style:none;margin:0 0 6vh;padding:0;}
.post-foot li{padding:12px 0;border-top:1px solid var(--line);}
.post-foot li:first-child{border-top:none;}
.post-foot a{font-family:"Space Grotesk",sans-serif;font-weight:500;border:none;font-size:1.05rem;}
.sig{color:var(--ink-soft);font-size:.95rem;}
footer.site{border-top:1px solid var(--line);padding:5vh 0 7vh;margin-top:6vh;}
footer.site .mono{color:var(--ink-soft);}