/* A reading nook within the existing moonlit garden. The scene scrolls like the homepage; only the lighting differs. */
html.garden-blog { background: #090b15; }
.garden-blog body { --dim: #bdb9cc; --faint: #a09bb1; }
.garden-blog .garden-shade {
  background: linear-gradient(90deg, #090b1526, #090b15d9 20%, #090b15eb 50%, #090b15d9 80%, #090b1526);
}
.garden-blog .garden-mist {
  opacity: .65;
  background: radial-gradient(ellipse at 3% 72%, #d9a15228, transparent 28%), radial-gradient(ellipse at 98% 34%, #e0b17020, transparent 25%);
}
.garden-blog .garden-fireflies { opacity: .4; }
.garden-blog .garden-fireflies i:nth-child(n+7), .garden-blog .garden-bird { display: none; }
html.garden-blog .page-header {
  background: linear-gradient(180deg, #090b1540, #090b1566);
  border-bottom: 1px solid #c8b0df26;
}
.garden-blog .page-header .container { padding-block: 64px 48px; }
.garden-blog .page-header h1 { max-width: 24ch; text-wrap: balance; }
.garden-blog .eyebrow { color: #d4ba93; }
.garden-blog .eyebrow::before { background: #cdb28d; }
.garden-blog .section { padding-block: 44px 72px; }
.garden-blog .section h2 { font-size: clamp(1.4rem, 3vw, 2rem); }
.garden-blog .article-layout .doc { line-height: 1.8; }
.garden-blog .article-layout .doc > p, .garden-blog .article-layout .doc > ul,
.garden-blog .article-layout .doc > ol { font-size: 1.0625rem; }
.garden-blog .article-card, .garden-blog .sidebar-block {
  background: #11131fef;
  border-color: #c2a8d733;
  box-shadow: 0 12px 32px #0003;
}
.garden-blog .article-card:hover { border-color: #cfb18f88; }
.garden-blog .article-card:focus-visible { outline: 2px solid #ddc49f; outline-offset: 4px; }
.garden-blog .article-card-tag { color: #c7afe7; }
@media (max-width: 700px) {
  .garden-blog .garden-shade { background: #090b15b8; }
  .garden-blog .page-header .container { padding-block: 42px 32px; }
  .garden-blog .garden-fireflies i:nth-child(n+4) { display: none; }
}