/* Blog styles for Leafkept. Builds on ../styles.css (same tokens). */
.skip{position:absolute;left:-9999px;top:0;background:var(--green);color:#fff;padding:8px 14px;z-index:20}
.skip:focus{left:8px;top:8px}
nav a[aria-current="page"]{color:var(--green);font-weight:600}
.post,.blog-index{padding-top:40px;padding-bottom:64px}
.crumbs{font-size:.9rem;color:var(--muted);margin-bottom:16px}
.crumbs a{color:var(--muted);display:inline!important}
.post-header h1{font-size:clamp(1.9rem,4.5vw,2.8rem)}
.byline{color:var(--muted);font-size:.95rem;margin:0 0 24px}
.prose h2{margin-top:2em;font-size:clamp(1.4rem,2.6vw,1.8rem)}
.prose h3{margin-top:1.6em}
.prose p,.prose li{max-width:40em}
.prose li{margin:.35em 0}
.prose a{word-break:break-word}
.prose blockquote{margin:1.2em 0;padding:12px 20px;border-left:4px solid var(--leaf);background:var(--cream);border-radius:8px;font-style:italic}
.prose blockquote p{margin:0}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.2em 0;border:1px solid var(--line);border-radius:12px}
.prose table{border-collapse:collapse;width:100%;min-width:640px;font-size:.92rem;background:#fff}
.prose th,.prose td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
.prose thead th{background:var(--cream);color:var(--green)}
.prose tbody th{font-weight:600}
.post-cta{margin-top:48px;background:var(--cream);border:1.5px solid var(--leaf);border-radius:var(--radius);padding:28px}
.post-cta h2{margin-top:0}
.post-foot{margin-top:24px}
.post-list{list-style:none;padding:0;display:grid;gap:20px;margin:28px 0 0}
.post-card h2{font-size:1.3rem;margin-bottom:.4em}
.post-card h2 a{text-decoration:none;color:var(--green)}
.post-card h2 a:hover{text-decoration:underline}
.post-card p{margin:.4em 0}
@media (max-width:600px){
  .post,.blog-index{padding-top:24px}
  .post-cta{padding:20px}
  nav{gap:12px}
}