/* BLOG LAYOUT */
.blog-index{padding:clamp(48px,7vw,96px) 0}
.blog-index__head{max-width:720px;margin-bottom:48px}
.blog-index__head h1{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:var(--text-3xl);line-height:1.06;letter-spacing:-.025em;margin:14px 0 16px}
.blog-index__note{margin-top:48px;color:var(--fg-muted);font-size:var(--text-sm)}
.post-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0;padding:0}
@media (max-width:820px){.post-list{grid-template-columns:1fr}}
.post-card{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);transition:transform .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease)}
.post-card:hover{transform:translateY(-3px);border-color:color-mix(in oklab,var(--teal) 40%,var(--border));box-shadow:var(--shadow-lg)}
.post-card a{display:block;padding:26px 26px 28px;color:inherit}
.post-card__meta{font-size:12px;color:var(--fg-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px}
.post-card__title{font-family:'Fraunces',serif;font-weight:500;font-size:var(--text-xl);line-height:1.2;letter-spacing:-.015em;margin:0 0 10px;color:var(--fg)}
.post-card__desc{color:var(--fg-muted);font-size:var(--text-base);margin:0 0 16px;line-height:1.55}
.post-card__tags{display:flex;flex-wrap:wrap;gap:6px}
.post-card__tags span{font-size:11px;padding:4px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--fg-muted)}

/* ARTICLE */
.article{padding:clamp(48px,7vw,96px) 0}
.article__wrap{max-width:720px;margin:0 auto}
.article__crumb{font-size:13px;color:var(--fg-muted);margin-bottom:20px}
.article__crumb a{color:var(--teal-strong)}
.article__meta{font-size:13px;color:var(--fg-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px}
.article h1{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:clamp(32px, calc(1.6rem + 2.2vw), 46px);line-height:1.08;letter-spacing:-.025em;margin:0 0 28px}
.article__lead{font-size:var(--text-lg);color:var(--fg-muted);line-height:1.55;margin:0 0 36px;padding-bottom:24px;border-bottom:1px solid var(--border)}
.article__body{color:var(--fg);line-height:1.75;font-size:var(--text-base)}
.article__body h2{font-family:'Fraunces',serif;font-weight:500;font-size:var(--text-2xl);letter-spacing:-.02em;margin:44px 0 14px;line-height:1.2}
.article__body h3{font-family:'Fraunces',serif;font-weight:500;font-size:var(--text-xl);margin:32px 0 10px;line-height:1.25}
.article__body p{margin:0 0 16px}
.article__body ul,.article__body ol{margin:0 0 20px;padding-left:22px}
.article__body li{margin-bottom:6px}
.article__body blockquote{margin:20px 0;padding:14px 20px;border-left:3px solid var(--teal);background:var(--surface-alt);border-radius:0 var(--radius) var(--radius) 0;color:var(--fg-muted);font-style:italic}
.article__body a{color:var(--teal-strong);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article__body a:hover{color:var(--teal)}
.article__body code{background:var(--surface-alt);padding:2px 6px;border-radius:6px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.9em}
.article__footer{margin-top:56px;padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--fg-muted);font-size:14px}
.article__footer a{color:var(--teal-strong)}