/* Reading surface uses the existing shared theme and OwnCoding token adapters. */
body:has(.weem-blog){margin:0;min-height:100dvh}
.weem-blog{max-width:1080px;margin:0 auto;padding:48px 24px 64px;line-height:1.75}
.weem-blog h1{max-width:24ch;font-size:clamp(30px,4vw,46px);line-height:1.12;letter-spacing:-.025em;font-weight:700;margin:12px 0 24px;text-wrap:balance}
.weem-blog h2{font-size:22px;line-height:1.3;font-weight:650;margin:0 0 16px}
.weem-blog p{margin:0 0 20px}
.weem-blog a{color:var(--v-accent-text);text-underline-offset:4px}
.weem-blog article{max-width:74ch;margin:32px auto 48px}
.weem-blog article section{margin:36px 0}
.weem-blog-category{color:var(--v-accent-text);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.weem-blog-intro{max-width:65ch;color:var(--v-text-muted);font-size:18px}
.weem-blog-byline,.weem-blog-breadcrumb{font-size:13px;color:var(--v-text-muted)}
.weem-blog-breadcrumb a{display:inline-flex;align-items:center;min-height:44px}
.weem-blog-index,.weem-blog-related ul{list-style:none;padding:0;margin:36px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.weem-blog-index li,.weem-blog-related li{padding:24px 0;border-top:1px solid var(--v-border);min-width:0}
.weem-blog-index h2,.weem-blog-related h2{font-size:21px}
.weem-blog-index li>p:last-child,.weem-blog-related li>p:last-child{color:var(--v-text-muted);font-size:15px}
.weem-blog-related{border-top:1px solid var(--v-border);padding-top:28px}
.weem-blog-related ul{margin:16px 0}
@media(max-width:640px){.weem-blog{padding:28px 18px 40px}.weem-blog-index,.weem-blog-related ul{grid-template-columns:1fr;gap:0}.weem-blog article{margin-top:24px}.weem-blog-intro{font-size:17px}.weem-blog h2{font-size:21px}}