body.journal-page{background:var(--paper)}
.journal-experiences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-block:0 48px}
.journal-experiences>a{display:grid;gap:12px;padding:24px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink);background:rgba(255,255,255,.35)}
.journal-experiences>a>span{font-size:12px;line-height:16px;letter-spacing:.05em;color:var(--muted)}
.journal-experiences strong{font-size:24px;line-height:1.35;font-weight:500}
.journal-experiences p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}
.journal-experiences a:hover{background:rgba(255,255,255,.8)}
@media(max-width:760px){.journal-experiences{grid-template-columns:1fr;gap:16px;padding-bottom:40px}}
.journal-container{width:min(1200px,calc(100% - 80px));margin-inline:auto}
.journal-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:80px;padding-block:64px 80px}
.journal-eyebrow{font-family:XiangxiEnglishSans,sans-serif!important;font-size:12px;line-height:16px;letter-spacing:.1em;color:var(--rust);margin:0 0 24px}
body.journal-page .journal-intro h1{font-size:48px;line-height:1.2;margin:0 0 24px;letter-spacing:-.02em;text-wrap:balance}
body.journal-page .journal-lead{font-family:XiangxiSongWeb,serif!important;font-size:18px;line-height:1.8;color:#51554e;max-width:680px;margin:0;text-wrap:pretty}
.journal-volume{display:block;margin-top:32px;font-size:12px;line-height:16px;color:var(--muted)}
.journal-feature{display:block;text-decoration:none;color:var(--ink)}
.journal-feature>div:first-child,.journal-entry-image{overflow:hidden;border-radius:8px;background:#eee8df;aspect-ratio:16/10}
.journal-feature img,.journal-entry-image img{display:block;width:100%;height:100%;object-fit:cover}
.journal-page img[src$="/hearth-gathering.jpg"]{object-position:center 85%}
.journal-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;line-height:16px;color:var(--muted)}
.journal-meta>span:first-child{color:var(--rust)}
.journal-feature .journal-meta{margin-top:24px}
body.journal-page .journal-feature h2{font-size:30px;line-height:36px;margin:16px 0}
.journal-read{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-size:14px;line-height:20px;color:var(--rust);text-decoration:none}
.journal-list{padding-block:0 80px}
.journal-list-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
body.journal-page .journal-list-heading h2{font-size:24px;line-height:32px;margin:0}
.journal-list-heading p{font-size:14px;line-height:20px;color:var(--muted);margin:0}
.journal-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}
.journal-filters[hidden]{display:none}
.journal-filters button{min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:14px;line-height:20px;cursor:pointer;transition:color .3s cubic-bezier(.22,1,.36,1),background .3s cubic-bezier(.22,1,.36,1)}
.journal-filters button[aria-pressed=true]{background:var(--rust);border-color:var(--rust);color:#fff}
.journal-entries{display:grid;gap:48px}
.journal-entry{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center;text-decoration:none;color:var(--ink)}
body.journal-page .journal-entry h2{font-size:30px;line-height:36px;margin:16px 0}
.journal-entry-copy>p{font-size:16px;line-height:24px;color:var(--muted);max-width:680px;margin:0 0 16px;text-wrap:pretty}
.journal-article{padding-block:32px 80px}
.journal-article-header{max-width:880px;margin:0 auto 32px;text-align:center}
.journal-breadcrumb{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;align-items:center;font-size:12px;line-height:16px;color:var(--muted);margin-bottom:32px}
.journal-breadcrumb a{display:inline-flex;align-items:center;min-height:44px}
.journal-article-header>.journal-meta{justify-content:center}
body.journal-page .journal-article-header h1{font-size:48px;line-height:1.2;max-width:100%;margin:24px auto;text-align:center;letter-spacing:-.02em;text-wrap:balance}
body.journal-page .journal-article-header>.journal-lead{margin-inline:auto;text-align:center}
.journal-byline{font-size:12px;line-height:16px;color:var(--muted);margin-top:24px}
.journal-cover{max-width:1000px;margin:0 auto 48px}
.journal-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.journal-cover figcaption{font-size:12px;line-height:20px;color:var(--muted);margin-top:12px}
.journal-reading-layout{display:grid;grid-template-columns:200px minmax(0,700px);gap:64px;justify-content:center;align-items:start}
.journal-toc{position:sticky;top:calc(var(--site-header-height,104px) + 32px);display:grid;gap:8px;font-size:14px;line-height:20px}
.journal-toc>span{font-size:12px;line-height:16px;color:var(--muted);margin-bottom:8px}
.journal-toc a{display:flex;align-items:center;min-height:44px;color:var(--muted);text-decoration:none}
.journal-toc a:hover{color:var(--rust)}
.journal-prose{min-width:0}
.journal-chapter,.journal-references{scroll-margin-top:calc(var(--site-header-height,104px) + 24px)}
.journal-chapter{margin-bottom:40px}
body.journal-page .journal-prose h2{font-size:24px;line-height:1.35;margin:0 0 24px;text-wrap:balance}
body.journal-page .journal-prose p{font-family:XiangxiSongWeb,serif!important;font-size:18px;line-height:1.8;margin:0 0 24px;color:var(--ink);text-wrap:pretty}
.journal-prose sup{font-family:inherit;font-size:12px;line-height:16px;margin-left:4px}
.journal-prose sup a{color:var(--rust);text-decoration:none}
.journal-references{padding-top:24px;margin-top:40px;border-top:1px solid var(--line)}
.journal-references ol{padding-left:24px}
.journal-references li{padding:8px 0;font-size:14px;line-height:24px;overflow-wrap:anywhere}
.journal-references li a{color:var(--rust)}
.journal-references li>span{display:block;color:var(--muted);font-size:12px;line-height:20px}
body.journal-page .journal-references>p{font-family:XiangxiSansPreview400,sans-serif!important;font-size:14px;line-height:1.7;color:var(--muted)}
.journal-related,.journal-more{max-width:960px;margin:64px auto 0}
.journal-list-heading>a{font-size:14px;line-height:20px;min-height:44px;display:inline-flex;align-items:center;color:var(--rust)}
.journal-product-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.journal-product-links>a{display:flex;gap:24px;align-items:center;color:var(--ink);text-decoration:none}
.journal-product-links img{width:96px;height:96px;object-fit:contain;background:white;border-radius:8px;flex-shrink:0}
.journal-product-links span{font-size:18px;line-height:28px;min-width:0}
.journal-product-links small{display:block;font-size:12px;line-height:20px;color:var(--rust);margin-top:8px}
.journal-more>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-block:24px}
.journal-more>div>a{display:block;text-decoration:none;color:var(--ink)}
.journal-more>div span{font-size:12px;line-height:16px;color:var(--muted)}
body.journal-page .journal-more h3{font-size:20px;line-height:1.4;margin:12px 0}
.journal-skip{position:fixed;top:8px;left:16px;z-index:100;padding:12px 16px;transform:translateY(-200%);background:var(--paper);color:var(--ink);border-radius:8px}
.journal-skip:focus{transform:none}
.journal-entry:hover h2,.journal-feature:hover h2,.journal-more a:hover h3{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.journal-entry[hidden]{display:none}
:root[lang=en] body.journal-page :is(.journal-lead,.journal-prose p){font-family:XiangxiEnglishSerif,serif!important}
@media(max-width:1000px){.journal-reading-layout{grid-template-columns:minmax(0,700px);gap:24px}.journal-toc{position:static;display:flex;gap:8px 24px;flex-wrap:wrap}.journal-toc>span{width:100%}.journal-intro{gap:40px}}
@media(max-width:760px){.journal-container{width:calc(100% - 40px)}.journal-intro{grid-template-columns:1fr;gap:40px;padding-block:32px 48px}body.journal-page .journal-intro h1{font-size:36px;line-height:40px}.journal-volume{margin-top:24px}.journal-feature .journal-meta{margin-top:16px}body.journal-page .journal-feature h2,body.journal-page .journal-entry h2{font-size:24px;line-height:32px}.journal-list{padding-bottom:48px}.journal-entry{grid-template-columns:1fr;gap:16px}.journal-meta{gap:8px 16px}.journal-entries{gap:40px}.journal-article{padding-block:24px 48px}body.journal-page .journal-article-header h1{font-size:30px;line-height:36px}.journal-breadcrumb{margin-bottom:24px}.journal-cover{margin-bottom:32px}.journal-cover img{aspect-ratio:4/3}.journal-reading-layout{gap:24px}.journal-toc{font-size:14px;line-height:20px}.journal-toc a{min-height:44px}.journal-product-links{grid-template-columns:1fr}.journal-more>div{grid-template-columns:1fr;gap:24px}.journal-related,.journal-more{margin-top:48px}.journal-feature>div:first-child{aspect-ratio:4/3}}
@media(max-width:360px){.journal-container{width:calc(100% - 32px)}.journal-product-links>a{gap:16px}.journal-product-links img{width:80px;height:80px}}
/* Reading rhythm scales with enlarged text instead of retaining a fixed pixel line box. */
body.journal-page :is(.journal-intro h1,.journal-article-header h1){line-height:1.2}
body.journal-page :is(.journal-feature h2,.journal-entry h2,.journal-list-heading h2,.journal-prose h2,.journal-article h2){line-height:1.35}
.journal-entry-copy>p{line-height:1.5}

.journal-toc a{position:relative;padding-left:16px;transition:color .3s cubic-bezier(.22,1,.36,1)}
.journal-toc a:before{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;border-radius:50%;background:var(--rust);opacity:0}
.journal-toc a[aria-current=location]{color:var(--rust);font-weight:500}
.journal-toc a[aria-current=location]:before{opacity:1}
.journal-visual{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}
.journal-visual-pending{opacity:0;transform:translateY(8px)}
.journal-entry-image{transition:box-shadow .3s cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine){.journal-entry:hover .journal-entry-image{box-shadow:0 8px 24px rgba(68,49,30,.08)}}
@media(prefers-reduced-motion:reduce){.journal-visual,.journal-visual-pending{opacity:1;transform:none;transition:none}.journal-toc a{transition:none}}
