.article-page{padding:32px 6vw 72px;background:var(--paper)}
.article-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;max-width:940px;margin:0 auto 32px;color:#655f56;font-size:12px}
.article-breadcrumb a:hover{text-decoration:underline}
.blog-article{max-width:940px;margin:auto;padding:46px clamp(24px,5vw,70px);background:#fff}
.blog-article h1{font-family:"Libre Caslon Display",Georgia,serif;font-size:clamp(2.5rem,4.8vw,4.3rem);font-weight:400;line-height:1.08;margin:30px 0 22px;color:var(--ink)}
.blog-article h1+p{font-size:20px;line-height:1.55;color:#665c4e;margin-bottom:16px}
.blog-article p{font-size:17px;line-height:1.85;margin:0 0 24px}
.blog-article .article-byline{font-size:12px;color:#786041;letter-spacing:.05em;margin-bottom:38px}
.article-byline span{margin:0 8px}
.blog-article h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.12;margin:50px 0 20px}
.blog-article p>img{display:block;margin:28px auto 34px;object-fit:contain}
.blog-article>p:first-child img{margin:0 auto 26px}
.blog-article>p:last-child img{margin:38px auto 0}
.article-actions{max-width:940px;margin:0 auto;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;padding:30px;background:#ebe7e0}
@media(max-width:600px){.article-page{padding:24px 4vw 46px}.article-breadcrumb{gap:8px;margin-bottom:22px}.blog-article{padding:28px 22px}.blog-article p{font-size:16px}.blog-article h1+p{font-size:18px}.article-actions{padding:24px 18px}.article-actions .button{width:100%}}