@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geist:ital,wght@0,100..900;1,100..900&display=swap');
/* Very basic site stylesheet - responsive and polished spacing */
:root{
  --max-width: 820px;
  --accent: #0b5fff;
  --muted: #4b5563;
  --bg: #ffffff;
  --text: #111827;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: 'Geist', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  color:var(--text);
  background:var(--bg);
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  font-size:18px;
}

/* Typography pairing: EB Garamond for headings/time, Lato for body */
time{font-family:'EB Garamond', Georgia, 'Times New Roman', serif; font-weight:500; color:var(--muted);}
h1,h2,h3,h4{font-family:'EB Garamond', Georgia, 'Times New Roman', serif; margin-top:0; font-weight:600; color:var(--text)}

.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:1.25rem}

/* Desktop spacing */
@media (min-width:900px){
  .container{padding:2rem}
}

/* Headings */
h1{font-size:2.1rem; margin:0 0 0.6rem}
h2{font-size:1.5rem; margin:1.25rem 0 0.5rem}
h3{font-size:1.25rem; margin:1rem 0 0.4rem}
h4{margin:0.75rem 0 0.4rem}

/* Paragraphs and lists */
p{margin:0 0 1rem}
ul,ol{margin:0 0 1rem 1.25rem;padding:0}
li{margin:0.35rem 0}

/* Post body fine-tuning */
.post-body p:first-child{margin-top:0}
.post-body p:last-child{margin-bottom:0}

/* Tighten spacing when a post starts with H1 + time */
.post-body > h1:first-child{margin-top:0;margin-bottom:0}
.post-body .post-meta{margin-top:0;margin-bottom:1rem;display:block}

/* Images and figures */
img,video,iframe{max-width:100%;height:auto;display:block;border-radius:0px}
figure{margin:1rem 0}
figcaption{font-size:0.95rem;color:var(--muted);margin-top:0.4rem}

/* Blockquote */
blockquote{border-left:4px solid #eee;padding:0.5rem 1rem;margin:1rem 0;background:#fafafa;border-radius:4px}

/* Horizontal rule */
hr{border:none;height:1px;background:#eee;margin:2rem 0}

/* Code blocks */
pre{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, 'Roboto Mono', monospace;background:#f6f8fa;padding:1rem;border-radius:8px;overflow:auto;margin:1rem 0}
code{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, 'Roboto Mono', monospace;background:#f6f8fa;padding:.15rem .35rem;border-radius:6px}

.post-meta{color:var(--muted);font-size:.95rem;margin-bottom:1rem}

/* Header and footer compact */
header{background:transparent;padding:.5rem 0}
header a{color:var(--accent);text-decoration:none;font-weight:600;}
footer{color:var(--muted);font-size:.9rem;padding:2rem 0;text-align:center}

/* Small screens adjustments */
@media (max-width:640px){
  .container{padding:.75rem}
  :root{--max-width:680px}
  h1{font-size:1.6rem}
}