/* PlantLab blog — write.as theme parity (authored light values, measured 2026-09-16
   against blog.plantlab.ai + cdn.writeas.net/css/write.df31b29726b6871de2afc.css). */

@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/fonts/lora-var.woff2") format("woff2");
}
@font-face {
  font-family: "Lora";
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url("/fonts/lora-var-italic.woff2") format("woff2");
}

html { font-size: 100%; }
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: Lora, 'Palatino Linotype', 'Book Antiqua', 'New York', 'DejaVu serif', serif;
  background-color: #fff;
  color: #111;
}

#wrapper {
  max-width: 50em;
  margin: 1em auto;
  padding: 0 2em;
}

h1, h2, h3, h4, h5, h6 { line-height: 1.2; }

/* Small blog-title header on non-home pages (write.as post pages have this) */
header.site-head { padding: 0 2em; max-width: 50em; margin: 1em auto; }
a.site-title {
  font-size: 1.2em;
  font-weight: 700;
  color: #000;
  text-decoration: none;
}
a.site-title:hover { color: #303030; text-decoration: none; }

/* Home collection */
main h1 {
  font-size: 2em;
  font-weight: 700;
  color: #111;
  margin: 0 0 1em;
}
main h1 a, main h1 a:visited { color: #000; text-decoration: none; }
main h1 a:hover { color: #303030; text-decoration: none; }
article.entry { margin-bottom: 4em; }
h2.post-title {
  font-size: 1.5em;
  font-weight: 700;
  margin: 0 0 0.25em;
}
h2.post-title a:link { color: #333; text-decoration: none; }
h2.post-title a:visited { color: #444; text-decoration: none; }
h2.post-title a:hover { text-decoration: underline; }
time.dt-published {
  display: block;
  color: #666;
  font-size: 1em;
  margin: 0 0 0.75em;
}
div.p-summary { font-size: 1.2em; line-height: 1.5; }
div.p-summary p { margin: 0 0 1em; }
div.p-summary img { max-width: 100%; height: auto; margin: 0 0 1em; }

/* Single post (write.as #post: 40em column, 1.2em text) */
body.post-page main#wrapper { max-width: 40em; }
article.post { margin: 0 auto; }
article.post > h1 {
  font-size: 1.6em;
  font-weight: 700;
  color: #111;
  margin: 0 0 0.5em;
}
article.post > time {
  display: block;
  color: #666;
  font-size: 1.2em;
  margin: 0 0 2em;
}
article.post p, article.post li { font-size: 1.2em; line-height: 1.5; }
article.post p { margin: 0 0 1.5em; }
article.post ul, article.post ol { margin: 0 0 1.5em; padding: 0 0 0 1em; }
article.post img { max-width: 100%; height: auto; }
article.post h2 { font-size: 1.5em; margin: 1.5em 0 0.5em; }
article.post h3 { font-size: 1.25em; margin: 1.5em 0 0.5em; }

/* Body links: write.as leaves these at UA default blue */
a:link, a:visited { color: #00e; text-decoration: none; }
a:hover { text-decoration: underline; }
a.read-more { color: #666; }
a.read-more:visited { color: #666; }
a.read-more:hover { text-decoration: underline; color: inherit; }
h2.post-title a:hover, main h1 a:hover, a.site-title:hover,
a.read-more:hover { color: inherit; }
h2.post-title a:hover { color: #333; }

blockquote {
  border-left: 4px solid #ddd;
  margin: 0.5em 2em;
  padding: 0 1em;
  color: #767676;
  font-style: italic;
}
code {
  font-family: "Courier New", monospace;
  font-size: 0.9em;
  background: #f7f7f7;
  padding: 0.1em 0.3em;
}
pre {
  font-family: Hack, consolas, Menlo-Regular, Menlo, Monaco, 'ubuntu mono', monospace;
  background: #f7f7f7;
  padding: 1em;
  overflow-x: auto;
  font-size: 0.85em;
  line-height: 1.4;
}
pre code { background: none; padding: 0; font-size: 1em; }

hr {
  height: 1px;
  border: none;
  border-top: 1px solid #ccc;
  max-width: 40em;
  margin: 4em auto;
}

/* Footer (write.as: centered nav, #444 text, #999 links) */
footer.site-foot {
  text-align: center;
  padding: 0 2em;
}
footer.site-foot nav {
  margin: 3em 0 4em;
  color: #444;
}
footer.site-foot a:link, footer.site-foot a:visited { color: #999; }
footer.site-foot a:hover { color: #666; text-decoration: none; }