/* Shared outer rhythm; the article reading measure remains independent. */
:root{--wf-page-gutter:max(5vw,calc((100vw - 1600px)/2))}
body[data-blog-view] .wrap,body[data-blog-view] .nav{max-width:none;width:100%;box-sizing:border-box;margin-inline:0;padding-inline:var(--wf-page-gutter)}
body.wf-site-home :is(.intro,.practice,.method,.about,.journal,.contact){padding-inline:var(--wf-page-gutter)}
body.wf-site-home .hero-wrap{margin-left:var(--wf-page-gutter)}
body.wf-site-home .nav{padding-inline:var(--wf-page-gutter)}
body[data-blog-view] .blog-intro{max-width:780px}
.blog-order{display:flex;align-items:center;gap:12px;justify-content:flex-end;margin:14px 0 22px;color:#53656b;font:500 13px/1.5 'DM Sans',sans-serif}
.blog-order select,.article-share-link{border:1px solid #a8896459;border-radius:14px;background:linear-gradient(135deg,#ffffffd6,#f2eee7a8);color:#0F3B50;padding:11px 15px;font:500 13px/1.5 'DM Sans',sans-serif;box-shadow:0 5px 20px #0F3B5008;backdrop-filter:blur(12px)}
.article-share-link{cursor:pointer;margin:14px 0 0}
body[data-blog-view] :is(a,button,input,select,summary):focus-visible{outline:2px solid #80613f;outline-offset:5px}
body[data-blog-view] .post-aside .eyebrow,body[data-blog-view] .article-macro-link{color:#795b34}
.series-pause svg{display:block;width:15px;height:15px;fill:currentColor}
#live-rich-body a{overflow-wrap:anywhere}
@media(max-width:900px){:root{--wf-page-gutter:28px}}
@media(max-width:600px){:root{--wf-page-gutter:22px}.blog-order{justify-content:flex-start;flex-wrap:wrap}.article-share-link{max-width:100%}}