.page-nav{font-size:1rem;color:#c5d4c9;text-decoration:none;white-space:nowrap;padding:.7rem 0}
.page-nav:hover,.page-nav[aria-current=page]{color:var(--green)}
.page-nav.nav-how{padding:10px 14px;border:1px solid #3e6b4d;border-radius:8px;background:#142f1f;color:#a1f0bd;font-size:16px;line-height:24px}
.page-nav.nav-how:hover,.page-nav.nav-how[aria-current=page]{background:#224931;color:#e9fff1}
.hero-guide{display:inline-flex;align-items:center;gap:10px;pointer-events:auto;margin:1.15rem auto 0;padding:8px 12px;border-radius:6px;background:#0d2118cc;color:#c6efd6;text-decoration:none;font-size:16px;line-height:24px;text-shadow:none}
.hero-guide span:first-child{color:#82b99b}.hero-guide:hover{background:#1c3f2b;color:#fff}
.footer-links{flex-wrap:wrap}
@media(max-width:1200px){.site-header{flex-wrap:wrap}.header-right{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:500px){.hero-guide{display:flex;flex-wrap:wrap;justify-content:center;max-width:310px}.hero-guide span:first-child{width:100%}.page-nav.nav-how{padding:7px 10px}.header-right{justify-content:flex-start}}
.header-right{gap:clamp(.9rem,1.8vw,2rem)}
.footer-links{display:flex;gap:1.5rem}.footer-links a{text-decoration:none}.footer-links a:hover{color:var(--green)}
.interior .site-header{border-bottom:1px solid #25362b}
.interior-main{padding:4.5rem 0 6rem}
.interior-heading{max-width:940px;padding-bottom:3.5rem}
.interior-heading h1{font-size:clamp(3rem,6.5vw,6rem);line-height:1.03;font-weight:600;margin:.7rem 0 1.6rem}
.interior-heading h1 span{color:var(--green)}
.interior-lead{font-size:clamp(1.125rem,1.8vw,1.4rem);line-height:1.65;color:#b8c7bc;max-width:740px;margin:0}
.guide-layout{display:grid;grid-template-columns:220px minmax(0,860px);justify-content:space-between;gap:clamp(2rem,5vw,5rem)}
.guide-nav{position:sticky;top:2rem;align-self:start;display:flex;flex-direction:column;gap:.35rem;padding:1.5rem 0;border-top:1px solid #35503e}
.guide-nav>span{color:#8b9e90;font-size:.9375rem;margin-bottom:1rem}
.guide-nav a{color:#bccfc2;font-size:1.0625rem;padding:.65rem .9rem;text-decoration:none;border-left:2px solid transparent}
.guide-nav a:hover,.guide-nav a:focus-visible{background:#101d15;color:#7febaa;border-left-color:#00dd76}
.guide-chapter{padding:0 0 3.5rem;margin:0 0 3rem;border-bottom:1px solid #26392d;scroll-margin-top:2.5rem}
.guide-chapter:last-child{margin-bottom:0}
.chapter-label{color:#91b19d;font-size:.9375rem;display:block;margin-bottom:.8rem}
.guide-chapter h2{font-size:clamp(2rem,3.6vw,3rem);line-height:1.15;font-weight:600;margin:0 0 1.4rem}
.guide-chapter h3{font-size:1.35rem;font-weight:500;margin:1.6rem 0 .6rem;color:#e7f4e9}
.guide-chapter p,.guide-chapter li{font-size:1.125rem;line-height:1.8;color:#b7c8bc}
.guide-chapter p{margin:.8rem 0}.guide-chapter strong{font-weight:600;color:#eaf2eb}
.guide-chapter a{color:#80e8aa;text-underline-offset:4px;overflow-wrap:anywhere}
.guide-note{padding:1.25rem 1.5rem;border-left:3px solid #00dd76;background:#102019;margin:1.8rem 0!important;border-radius:0 10px 10px 0}
.guide-table{width:100%;border-collapse:collapse;margin:1.6rem 0;font-size:1.0625rem;line-height:1.5}
.guide-table th{text-align:left;color:#88a995;font-weight:400;padding:.8rem 1rem .8rem 0;border-bottom:1px solid #3a5142}
.guide-table td{padding:1rem 1rem 1rem 0;border-bottom:1px solid #223629;color:#c1d4c7}.guide-table td:first-child{color:#ecf4ed}
.guide-steps{list-style:none;padding:0;counter-reset:guide-step;display:grid;gap:1rem}
.guide-steps li{position:relative;padding:1rem 1rem 1rem 4rem;background:#0d1711;border:1px solid #25392c;border-radius:12px;counter-increment:guide-step}
.guide-steps li::before{content:counter(guide-step,decimal-leading-zero);position:absolute;left:1.1rem;top:1rem;color:#6fdd9a;font-size:1.3rem}
.guide-steps strong{display:block;color:#e7f2e9}.guide-steps p{margin:.3rem 0 0;font-size:1.0625rem}
.guide-faq details{border-bottom:1px solid #25392c;padding:1.1rem 0}
.guide-faq summary{cursor:pointer;color:#e3ede5;font-size:1.125rem;line-height:1.6;list-style-position:outside;margin-left:1.2rem}
.guide-faq details p{padding:0 0 0 1.2rem;font-size:1.0625rem}
.guide-bottom{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;color:#93ad9c}
.about-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:3rem;align-items:start}
.about-statement{font-size:clamp(2rem,3.8vw,3.75rem);line-height:1.18;margin:0;font-weight:500}.about-statement span{color:#76dea0}
.about-story p{font-size:1.125rem;line-height:1.85;color:#b5c8bd;margin:0 0 1.35rem}
.about-values{margin:4rem 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.about-value{padding:2rem;border:1px solid #2b4434;border-radius:16px;background:linear-gradient(145deg,#14221a,#0b120e)}
.about-value>span{color:#80b695;font-size:1rem}.about-value h2{font-size:1.65rem;margin:2rem 0 .75rem;font-weight:500}.about-value p{font-size:1.0625rem;line-height:1.75;color:#abc0b2;margin:0}
.about-perspectives{padding:3rem 0;border-top:1px solid #2b4434;border-bottom:1px solid #2b4434;display:grid;grid-template-columns:1fr 1.2fr;gap:3rem}
.about-perspectives h2{font-size:clamp(2rem,3.5vw,3rem);font-weight:500;line-height:1.2;margin:0 0 1rem}
.about-perspectives p{font-size:1.0625rem;line-height:1.8;color:#a9bcae;max-width:400px}
.perspectives-list{margin:0;display:grid;gap:1.15rem}.perspectives-list div{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.9rem;border-bottom:1px solid #203126}.perspectives-list dt{font-size:1.3rem;color:#e0efe5}.perspectives-list dd{font-size:1.0625rem;color:#87bd9e;margin:0;text-align:right}
.about-ending{padding:3rem 0 0;display:flex;gap:2rem;justify-content:space-between;align-items:center;flex-wrap:wrap}.about-ending p{max-width:680px;color:#92a99a;font-size:1rem;line-height:1.7;margin:0}
.book-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;inset:0;margin:0;padding:0;border:0;background:#060a08;color:#dcebdd;overflow:auto}
.book-dialog::backdrop{background:#060a08}
.book-dialog-inner{min-height:100%;padding:1.5rem var(--page-gutter) 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}
.book-controls{display:flex;justify-content:space-between;gap:2rem;width:100%;max-width:1000px}
.book-controls button{font-size:1rem;min-height:44px}
.book-visual{display:block;width:min(660px,82vw,70dvh);height:auto;aspect-ratio:1;image-rendering:pixelated;mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent)}
.book-caption{text-align:center}.book-caption h2{font-size:clamp(1.5rem,4vw,2.1rem);font-weight:500;margin:0 0 .5rem}.book-caption p{font-size:1rem;line-height:1.6;color:#92aa99;margin:0}
body.is-book-opening{overflow:hidden}
@media(max-width:1000px){.site-header{flex-wrap:wrap;gap:.5rem 2rem;padding:1rem 0}.header-right{flex-wrap:wrap;justify-content:flex-end;gap:.6rem 1rem}.page-nav{font-size:.9375rem}.guide-layout{grid-template-columns:180px minmax(0,1fr);gap:2rem}.about-layout,.about-perspectives{gap:2rem}}
@media(max-width:700px){.interior-main{padding-top:2.8rem}.interior-heading{padding-bottom:2.3rem}.guide-layout{grid-template-columns:1fr}.guide-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:.3rem;padding:.9rem 0;border-bottom:1px solid #35503e}.guide-nav>span{width:100%;margin-bottom:.3rem}.guide-nav a{font-size:1rem;padding:.5rem .65rem}.guide-chapter{margin-bottom:2rem;padding-bottom:2rem}.about-layout,.about-perspectives{grid-template-columns:1fr}.about-values{grid-template-columns:1fr;margin:2.5rem 0}.about-value h2{margin-top:1.1rem}.about-ending{gap:1.5rem}.book-visual{width:min(88vw,60dvh)}}
@media(max-width:460px){.header-right{justify-content:flex-start;gap:.35rem 1.2rem}.site-header .header-wallet{margin-left:auto}.site-header .replay-button{margin-left:auto}.page-nav{font-size:1rem}.site-footer{flex-wrap:wrap}.footer-links{font-size:1rem}.guide-table{font-size:1rem}.guide-steps li{padding-left:3.2rem}.guide-steps li::before{left:.8rem}.book-controls{gap:1rem}}
@media(prefers-reduced-motion:reduce){.book-dialog{scroll-behavior:auto}}
@media(max-width:550px){.guide-table{display:block;overflow-x:auto}}

@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:180ms}
.book-dialog{animation:book-curtain-in 180ms ease-out both}
.book-caption{animation:book-caption-in 420ms ease-out both}
@keyframes book-curtain-in{from{opacity:0}to{opacity:1}}
@keyframes book-caption-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.book-dialog,.book-caption{animation:none}::view-transition-old(root),::view-transition-new(root){animation-duration:0s}}