/* Blog list and article pages (rendered by functions/blog). Builds on styles.css. */
.blog-body main{padding-top:88px;min-height:70svh}
.blog-nav a[aria-current='location']{color:var(--fg)}
.blog-index{padding-top:110px}
.blog-index-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:55px}
.blog-index-head h1{font-size:clamp(56px,7vw,110px);margin:15px 0 0;letter-spacing:-.06em;line-height:1.05}
.blog-index-head p{font-size:12px;color:var(--muted);max-width:320px;line-height:1.8}
.blog-index .blog-grid .blog-card:nth-child(3n){border-right:0}
.blog-index .blog-grid .blog-card:nth-child(3n+1) .blog-card-link{padding-left:0}
.blog-index .blog-grid .blog-card{border-bottom:1px solid #383838}
.blog-index .blog-grid .blog-card-title{font-size:clamp(24px,2.1vw,32px)}
.blog-empty{border-top:1px solid #383838;padding:40px 0;color:var(--muted);font-size:13px}

.blog-article{max-width:760px;margin:auto;padding:110px 25px 120px}
.blog-notice{border:1px solid #6a5b3a;background:#2a2417;color:#e9d8b0;padding:12px 16px;font-size:12px;margin-bottom:30px}
.blog-back{display:inline-flex;align-items:center;gap:14px;font-size:11px;color:var(--muted);transition:color .3s}.blog-back:hover{color:var(--fg)}.blog-back span{font-size:16px}
.blog-back--end{margin-top:70px;padding-top:26px;border-top:1px solid var(--line);display:flex}
.blog-article-head{margin:45px 0 40px}
.blog-article-title{font-family:var(--serif);font-weight:500;font-size:clamp(40px,5.4vw,72px);line-height:1.08;letter-spacing:-.045em;margin:18px 0 0}
.blog-article-lead{font-size:17px;line-height:1.7;color:#c4c4c4;margin-top:26px}
.blog-article-cover{margin:0 0 50px;border:1px solid #2e2e2e}.blog-article-cover img{filter:grayscale(.2)}

.blog-prose{font-size:16px;line-height:1.85;color:#d6d6d6}
.blog-prose>*+*{margin-top:1.15em}
.blog-prose h2,.blog-prose h3,.blog-prose h4{font-family:var(--serif);font-weight:500;color:var(--fg);letter-spacing:-.025em;line-height:1.2;margin-top:1.9em}
.blog-prose h2{font-size:34px}.blog-prose h3{font-size:26px}.blog-prose h4{font-size:21px}
.blog-prose a{text-decoration:underline;text-decoration-color:#777;text-underline-offset:3px}.blog-prose a:hover{text-decoration-color:var(--fg)}
.blog-prose blockquote{margin-left:0;margin-right:0;padding:4px 0 4px 24px;border-left:1px solid #777;font-family:var(--serif);font-size:24px;line-height:1.45;color:#e2e2e2}
.blog-prose ul,.blog-prose ol{padding-left:1.4em}.blog-prose li+li{margin-top:.4em}
.blog-prose img{height:auto;max-width:100%;border:1px solid #2e2e2e}
.blog-prose figure{margin:2em 0}.blog-prose figcaption{font-size:12px;color:var(--muted);margin-top:10px}
.blog-prose hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}
.blog-prose table{width:100%;border-collapse:collapse;font-size:14px}.blog-prose th,.blog-prose td{border:1px solid #3a3a3a;padding:9px 12px;text-align:left}
.blog-prose code{font-size:.9em;background:#222;padding:1px 5px}
.blog-footer{padding-top:10px}

@media(max-width:900px){.blog-body main{padding-top:76px}.blog-index .blog-grid .blog-card:nth-child(3){display:block}.blog-index .blog-grid .blog-card:nth-child(n){border-right:1px solid #383838}.blog-index .blog-grid .blog-card:nth-child(2n){border-right:0}.blog-index .blog-grid .blog-card .blog-card-link{padding-left:26px}.blog-index .blog-grid .blog-card:nth-child(2n+1) .blog-card-link{padding-left:0}.blog-index-head{flex-direction:column;align-items:flex-start;gap:20px}}
@media(max-width:600px){.blog-body main{padding-top:74px}.blog-index{padding-top:70px}.blog-index .blog-grid .blog-card:nth-child(n){border-right:0}.blog-index .blog-grid .blog-card .blog-card-link{padding:22px 0 26px}.blog-article{padding:60px var(--gutter) 80px}.blog-prose{font-size:15px}.blog-prose h2{font-size:28px}.blog-prose h3{font-size:23px}.blog-prose blockquote{font-size:20px}.blog-article-lead{font-size:15px}}
.blog-body .header .wordmark{flex:none}