.blog-shell { width: min(100% - 40px, 1000px); margin: 0 auto; }
.blog-header { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:24px 0; border-bottom:1px solid var(--line); }
.blog-header>a { font-family:"Cormorant Garamond",Georgia,serif; font-size:25px; font-weight:600; }
.blog-header nav { display:flex; gap:22px; color:var(--ink-soft); font-size:14px; }
.blog-shell main { padding:clamp(52px,9vw,100px) 0 60px; }
.blog-shell h1,.blog-shell h2 { font-family:"Cormorant Garamond",Georgia,serif; }
.blog-shell h1 { max-width:760px; margin:12px 0 18px; font-size:clamp(44px,8vw,78px); line-height:.98; }
.blog-intro { max-width:650px; color:var(--ink-soft); font-size:19px; line-height:1.65; }
.blog-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:44px; }
.blog-card { padding:clamp(22px,4vw,34px); border:1px solid var(--line); border-radius:var(--radius-md); background:rgba(255,255,255,.48); }
.blog-card h2 { margin:12px 0; font-size:clamp(27px,4vw,38px); line-height:1.05; }
.blog-card>p:not(.micro-label) { color:var(--ink-soft); line-height:1.6; }
.blog-more { display:inline-block; margin-top:8px; font-size:14px; font-weight:700; }
.blog-cta { margin-top:38px; padding:30px; border-radius:var(--radius-md); background:rgba(169,121,78,.1); }
.blog-cta h2 { margin:0; font-size:34px; }
.blog-cta p { color:var(--ink-soft); }
.blog-cta>a { display:inline-block; padding:12px 17px; border-radius:999px; background:var(--ink); color:#fff; }
.blog-footer { padding:24px 0 40px; border-top:1px solid var(--line); color:var(--ink-soft); font-size:14px; }
.article-shell { width:min(100% - 40px, 760px); margin:0 auto; }
.article-shell main { padding:clamp(48px,9vw,96px) 0; }
.breadcrumbs { margin-bottom:30px; color:var(--ink-soft); font-size:14px; }
.article-shell h1 { margin:12px 0 20px; font-size:clamp(43px,8vw,76px); line-height:.98; }
.article-deck { color:var(--ink-soft); font-size:20px; line-height:1.6; }
.article-body { margin-top:42px; font-size:18px; line-height:1.78; }
.article-body h2 { margin:1.7em 0 .45em; font-size:34px; line-height:1.1; }
.article-body h3 { margin:1.4em 0 .35em; font-size:26px; }
.article-body p,.article-body li { color:#463a31; }
.article-body ul,.article-body ol { padding-left:1.3em; }
.article-callout { margin:30px 0; padding:22px 26px; border-left:3px solid var(--accent); background:rgba(255,255,255,.55); color:var(--ink-soft); }
.article-end { margin-top:48px; padding-top:28px; border-top:1px solid var(--line); }
.article-end a { text-decoration:underline; text-underline-offset:3px; }
@media(max-width:680px) { .blog-header { align-items:flex-start; flex-direction:column; } .blog-header nav { gap:16px; flex-wrap:wrap; } .blog-list { grid-template-columns:1fr; } .article-body { font-size:17px; } }