/* Shared editorial design. Scene geometry and life animation remain in style.css. */
:root{--ink:#193f36;--muted:#64746b;--line:#dce4db;--paper:#f5f6f0;--surface:#fffef9;--accent:#bfe099}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans JP',sans-serif;color:var(--ink);background:var(--paper);line-height:1.7}a{color:var(--ink);text-underline-offset:4px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #518a56;outline-offset:4px}main{max-width:1120px;padding:0 40px}header{height:88px;border-color:var(--line)}.brand{font-size:24px;letter-spacing:-.035em}.header-tools select{background:var(--surface);border-radius:9px}.welcome{padding:38px 0 28px;max-width:820px}.welcome h1{font-size:clamp(26px,3.6vw,40px);font-weight:700;letter-spacing:-.025em;line-height:1.45}.welcome>p{max-width:620px;color:var(--muted);margin:16px 0;font-size:15px}.reading-actions{gap:10px;margin:22px 0}.reading-actions a{font-size:14px;font-weight:600;min-height:46px;padding:11px 18px;background:var(--surface);border:1px solid #c6d2c3;border-radius:8px;transition:background .15s,color .15s}.reading-actions a:hover{background:#e8efdF}.reading-actions .primary{background:var(--ink);border-color:var(--ink);color:white}.reading-actions .primary:hover{background:#2c5944}.world-heading{padding:20px 0 18px}.world-heading h2{font-size:21px;font-weight:600}.world{border-radius:16px;box-shadow:0 10px 34px #193f3610}.stats{margin:20px 0 34px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.stats>div:first-child{padding-left:12px}.stats strong{font-size:30px;font-weight:600}.journal{padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:0 0 28px}.journal-intro{font-size:14px;color:var(--muted);max-width:780px;padding-bottom:20px;border-bottom:1px solid var(--line)}.journal-head h2{font-size:23px;font-weight:700}.journal-head>span{font-size:12px}.journal-chapter{margin:16px 0;color:var(--muted)}.entry{padding:20px 0;gap:10px}.entry time{color:#697d63;font-size:12px;font-weight:600}.entry p{font-size:15px;line-height:1.9}.journal-discovery{margin-top:20px;padding-top:12px;font-size:13px}.reader-features{border:0;padding:22px 0 30px}.reader-features>h2{font-size:25px;font-weight:700;margin-bottom:20px}.feature-grid{gap:16px}.feature-grid a{padding:25px 20px;min-height:116px;background:var(--surface);border:1px solid var(--line);border-radius:12px;font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:12px;line-height:1.6}.feature-grid a::after{content:'↗';color:#658849;font-size:22px}.feature-grid a:hover{background:#edf3e6;border-color:#9daf8b}.reader-features>h3{font-size:19px;margin:32px 0 10px}.reader-features>p{color:var(--muted);font-size:14px;max-width:740px}.studio-section{border:1px solid var(--line);border-radius:16px;background:#eaf0e3;gap:36px;padding:32px}.studio-section h2{font-size:25px;font-weight:700}.studio-section h3{font-size:19px;font-weight:600}.studio-channel{border-radius:12px}.studio-section p{font-size:14px}.feature-page{max-width:850px;margin:38px auto 50px}.feature-page h1{font-size:clamp(29px,4vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1.45}.feature-page>p{color:var(--muted);font-size:15px}.feature-hero{margin:26px 0;border-radius:14px;overflow:hidden}.feature-hero img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;image-rendering:pixelated}.feature-hero figcaption{font-size:12px;color:var(--muted);padding:10px 14px;background:#edf0e6}.feature-page article{padding:26px;margin:18px 0;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.feature-page article h2{font-size:19px;font-weight:600;line-height:1.7;margin:0 0 12px}.feature-page article p{font-size:15px;line-height:1.95}.feature-page article p:first-of-type{font-size:12px;font-weight:600;color:#6d825f;letter-spacing:.06em}.feature-page article>a{font-size:14px;font-weight:600}.journal-page{max-width:850px;margin:38px auto 50px}.journal-page h1{font-size:clamp(25px,3.4vw,36px);font-weight:700;letter-spacing:-.02em;line-height:1.6}.journal-page article{padding:26px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin:20px 0}.journal-page article h2{font-weight:600;font-size:19px}.journal-page article p{font-size:16px;line-height:2}.journal-page nav{font-size:14px}.journal-page .journal-languages{margin-bottom:25px}.journal-page .journal-languages a{background:var(--surface);border-radius:8px}.journal-page .journal-languages a[aria-current=page]{background:var(--ink)}.journal-page ul{padding:0;list-style:none}.journal-page li{padding:18px 22px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.journal-page li a{text-decoration:none;display:block}.journal-page .journal-navigation{justify-content:space-between;gap:12px}.journal-page .journal-navigation a{border:1px solid var(--line);border-radius:8px;padding:11px 16px;background:var(--surface)}footer{margin-top:18px;border-top:1px solid var(--line);padding:24px 0 30px;gap:12px;font-size:12px}details:not(.history){padding:12px 0 28px}.feature-page,.journal-page{overflow-wrap:anywhere}.reading-actions a{max-width:100%}
@media(max-width:650px){main{padding:0 18px}header{height:auto;min-height:78px;padding:16px 0}.brand{font-size:22px}.welcome{padding:28px 0 20px}.welcome h1{font-size:28px}.welcome>p{font-size:14px}.welcome .reading-actions{display:grid;grid-template-columns:1fr 1fr}.welcome .reading-actions a{text-align:center;padding:12px 8px}.stats{padding:20px;margin:18px 0 24px}.stats>div:first-child{padding-left:0}.journal{padding:20px 16px;border-radius:12px}.journal-head{align-items:flex-start;gap:8px}.journal-head h2{font-size:21px}.entry p{font-size:15px}.feature-grid{grid-template-columns:1fr;gap:10px}.feature-grid a{min-height:78px;padding:18px;font-size:16px}.reader-features>h2{font-size:23px}.studio-section{padding:22px 18px;gap:26px}.feature-page,.journal-page{margin:28px auto 36px}.feature-page article,.journal-page article{padding:20px 16px}.feature-page article h2,.journal-page article h2{font-size:18px}.journal-page article p{font-size:15px}.reading-actions a{flex:1 1 auto;text-align:center}.feature-hero{margin:20px 0}footer{font-size:12px}}
@media(prefers-reduced-motion:reduce){.reading-actions a{transition:none}}

.brand-icon{width:36px;height:36px;object-fit:contain;display:inline-block;vertical-align:middle;flex:0 0 auto}.brand{gap:10px;white-space:nowrap}.inline-brand{display:inline-flex;align-items:center;gap:5px}.inline-brand .brand-icon,nav a>.brand-icon{width:22px;height:22px;margin-right:5px}.journal-page header a{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:24px;font-weight:700}nav a:has(>.brand-icon){display:inline-flex;align-items:center}@media(max-width:650px){.brand-icon{width:30px;height:30px}.brand{gap:8px}.journal-page header a{font-size:22px}}

.crew-notice{border:1px solid #cdaea2;border-left:4px solid #a35441;background:#fff8ef;border-radius:12px;padding:20px 24px;margin:0 0 28px}.crew-notice[hidden],.crew-map-notice[hidden]{display:none}.crew-notice h2{font-size:20px;font-weight:600}.crew-notice p{line-height:1.8;margin:12px 0 0}.crew-map-notice{max-width:100%;padding:8px 10px;color:#fff;background:#6d302ae8;border-radius:6px;font-size:13px;line-height:1.6}
/* Keep the welcome introduction as one line without widening the page. */
.welcome{max-width:none}.welcome>p{max-width:none;white-space:nowrap;overflow-x:auto;padding-bottom:4px;overscroll-behavior-x:contain}

.journal .journal-intro{max-width:none;width:100%;padding-bottom:20px;border-bottom:1px solid var(--line);margin:0 0 24px}.journal-intro p{margin:0;line-height:1.9}.journal-intro p+p{margin-top:10px}

/* Comfortable reading space on journal archives and daily articles. */
.journal-page article{box-sizing:border-box;padding:32px 36px}.journal-page article>h2,.journal-page article>p{max-width:42em;margin-left:auto;margin-right:auto}.journal-page article h2{margin-top:14px;margin-bottom:18px}.journal-page article p{line-height:2.05}.journal-page li{box-sizing:border-box;padding:24px 28px}.journal-page li a{line-height:1.95}@media(max-width:640px){.journal-page article{padding:24px 22px}.journal-page li{padding:20px 22px}.journal-page article p{font-size:15px;line-height:2}}

/* Journal buttons: comfortable padding and spacing. */
.journal-page .journal-navigation,.journal-page .reading-actions{gap:12px;margin:28px 0;align-items:stretch}.journal-page .journal-navigation a,.journal-page .reading-actions a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:48px;padding:12px 20px;border:1px solid #cbd5d1;border-radius:8px;line-height:1.6;text-align:center;text-decoration:none;background:#fff}.journal-page .journal-languages{gap:10px;margin:26px 0}.journal-page .journal-languages a{min-height:48px;padding:12px 8px}@media(max-width:640px){.journal-page .journal-navigation,.journal-page .reading-actions{gap:10px}.journal-page .journal-navigation a,.journal-page .reading-actions a{padding:12px 16px;flex:1 1 auto}.journal-page .journal-languages a{padding:12px 6px}}
