/* Scoped to the three PeraPera Books pages. No build or third-party CSS required. */
:root{--navy:#142c3b;--navy-deep:#102330;--ivory:#f8f5ed;--paper:#fffdf8;--gold:#b79c62;--ink:#20323d;--muted:#59656a;--line:#d9d9d0;--serif:Georgia,'Yu Mincho','Hiragino Mincho ProN',serif;--sans:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--ivory);font:16px/1.75 var(--sans)}html[data-lang=en] .lang-ja,html[data-lang=ja] .lang-en{display:none!important}a{color:inherit;text-underline-offset:.3em}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #386dce;outline-offset:5px}img{max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(3rem,5.5vw,5.6rem)}h2{font-size:clamp(2rem,3.6vw,3.25rem)}h3{font-size:1.18rem;line-height:1.45;font-weight:600}p+p{margin-top:1rem}em{font-weight:400}button,a{touch-action:manipulation}.container{width:min(1160px,calc(100% - 64px));margin-inline:auto}.small{font-size:.82rem;line-height:1.65}.muted{color:var(--muted)}.eyebrow{font-size:.72rem;font-weight:650;letter-spacing:.18em;line-height:1.6;text-transform:uppercase;margin-bottom:1.25rem}.subtitle{font-size:1.2rem;line-height:1.65}.author{font-size:.88rem;color:var(--muted)}.status{display:inline-flex;border:1px solid #a99b7d;border-radius:100px;padding:.35rem .8rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:650;line-height:1.4}.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;gap:1rem;padding:.8rem 1.35rem;border:1px solid var(--navy);border-radius:5px;background:var(--navy);color:var(--paper);font-size:.88rem;font-weight:600;text-decoration:none;transition:background .16s}.button:hover{background:#294b5e}.button-light{background:var(--ivory);color:var(--navy);border-color:var(--ivory)}.button-light:hover{background:#e6ddcb}.button span[aria-hidden]{margin-left:1.2rem}.text-link{font-weight:550;font-size:.9rem}.text-link:hover{text-decoration-thickness:2px}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:12px 20px;background:white;color:var(--navy);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}
/* Keep the site's familiar brand and navigation destinations. */
.site-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e6eaf0}.header-inner{max-width:1280px;margin:auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#3266d9;font-size:1.8rem;font-weight:850;letter-spacing:-.05em;line-height:1}.brand img{object-fit:contain}.brand sup{font-size:.38em;margin-left:3px;letter-spacing:0}.desktop-nav{display:flex;align-items:center;gap:24px;font-size:.82rem;font-weight:600;color:#374151}.desktop-nav>a{text-decoration:none}.desktop-nav>a:hover,.desktop-nav [aria-current],.mobile-nav [aria-current]{color:#2563eb}.language-toggle{display:flex;align-items:center;padding:3px;border:1px solid #d3def4;border-radius:100px;background:#eff6ff;gap:2px;white-space:nowrap}.language-toggle button{font-size:.72rem;min-height:36px;min-width:38px;padding:6px 10px;border:0;border-radius:100px;background:transparent;color:#475569;font-weight:700}.language-toggle [aria-pressed=true]{background:#2563eb;color:white}.menu-toggle{display:none;align-items:center;gap:10px;min-height:44px;border:1px solid #cbd5e1;border-radius:100px;padding:7px 14px;background:white;color:#334155;font-size:.8rem}.mobile-nav{display:none}.site-footer{background:#102330;color:#e7e9e7;padding:52px 0 25px}.footer-inner{display:flex;justify-content:space-between;gap:30px;padding-bottom:36px}.footer-brand{font:1.65rem var(--serif);text-decoration:none}.footer-inner p{font-size:.83rem;margin-top:10px;color:#c0cbd0}.footer-links{display:flex;gap:26px;align-items:center}.footer-links a{font-size:.8rem}.copyright{border-top:1px solid #42505a;padding-top:22px;color:#bdc8ce;font-size:.7rem;display:flex;justify-content:space-between;gap:20px}.copyright p+p{margin:0}
/* Catalogue: repeat a .book-entry for each future approved title. */
.catalogue-intro{padding-top:68px;padding-bottom:48px}.catalogue-intro h1{font-size:clamp(3.3rem,6vw,5rem)}.intro-line{font:1.55rem/1.4 var(--serif);margin-top:22px}.intro-line br{display:none}.intro-line br:after{content:' '}.catalogue-intro .muted{margin-top:12px;font-size:.9rem}.book-entry{display:grid;grid-template-columns:.95fr 1.05fr;background:var(--paper);border:1px solid var(--line)}.book-entry+.book-entry{margin-top:40px}.catalogue-art{background:#e9e8df;display:grid;place-items:center;padding:48px 28px}.book-summary{padding:50px 56px;align-self:center}.book-summary .eyebrow{margin-bottom:12px}.book-title{font-size:clamp(2.4rem,3.7vw,3.6rem);margin-top:22px}.book-summary .subtitle{margin-top:18px;font-size:1.07rem}.book-summary .author{margin-top:10px;margin-bottom:22px}.book-summary>.button{margin-top:28px;margin-bottom:18px}.book-summary>p:not(.eyebrow):not(.subtitle):not(.author):not(.small){color:var(--muted);font-size:.94rem}.catalogue-note{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:64px;padding-bottom:70px}.catalogue-note h2{font-size:2.2rem}.catalogue-note .text-link{display:inline-block;margin-top:18px}.catalogue-note p:not(.eyebrow){color:var(--muted)}
/* CSS-only temporary artwork: no unfinished publication artwork or fake interior. */
.cover-figure{width:min(100%,300px);margin:auto}.temporary-cover{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:2/3;background:var(--navy);color:var(--ivory);padding:30px 30px 24px;border:1px solid #69746c;box-shadow:8px 8px 0 -2px #ddd7c7,9px 9px 0 -2px #acaa9e,16px 25px 38px #182b3a26;display:flex;flex-direction:column}.temporary-cover::before{position:absolute;inset:9px;border:1px solid #b79c624d;content:'';pointer-events:none}.cover-imprint{font-size:.49rem;letter-spacing:.24em;color:#d4bf8a}.cover-title{font:3.15rem/.99 var(--serif);letter-spacing:-.04em;margin-top:32px;position:relative;z-index:1}.cover-title em{color:#d5bf8b}.cover-subtitle{font-size:.65rem;line-height:1.55;margin-top:18px;color:#e4e4dc;z-index:1}.cover-author{margin-top:auto;padding-top:40px;font-size:.55rem;letter-spacing:.15em;z-index:1}.cover-rings{position:absolute;bottom:-105px;right:-92px;width:300px;height:300px;z-index:-1;border:1px solid #b79c6280;border-radius:50%}.cover-rings i{position:absolute;inset:24px;border:1px solid #b79c6266;border-radius:50%}.cover-rings i:nth-child(2){inset:48px}.cover-rings i:nth-child(3){inset:72px}figcaption{font-size:.65rem;letter-spacing:.02em;text-align:center;color:var(--muted);margin-top:24px}
/* Journal landing page. */
.journal-hero{background:var(--navy-deep);color:var(--ivory);padding:24px 0 65px}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:13px;font-size:.73rem;margin-bottom:45px}.breadcrumb .text-link{font-size:inherit}.journal-hero .breadcrumb{color:#c3cdcf}.hero-grid{display:grid;grid-template-columns:1.35fr .8fr;align-items:center;gap:100px}.hero-copy h1{font-size:clamp(3.3rem,5.8vw,5.5rem);margin:22px 0}.hero-copy h1 em{color:#d9c391}.hero-copy .author{color:#c3cdcf;margin-top:12px}.hero-message{font-size:1.16rem;max-width:490px;margin-top:28px!important;color:#e2e4df}.hero-copy .actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}.hero-note{color:#c2cbcd;margin-top:22px!important}.journal-hero .cover-figure{width:min(100%,320px)}.journal-hero .temporary-cover{background:#1d3949;box-shadow:8px 8px 0 -2px #ddd7c7,9px 9px 0 -2px #acaa9e,15px 28px 36px #0003}.journal-hero .cover-title{font-size:3.45rem}.journal-hero figcaption{color:#c2cbcd}.section{padding-top:76px;padding-bottom:76px}.section-heading{max-width:720px}.section-heading>p:not(.eyebrow){color:var(--muted);margin-top:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;padding:0;margin:48px 0 0;list-style:none}.step-number{display:block;font:2.6rem var(--serif);color:#7c693f;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:22px}.steps p{font-size:.93rem;margin-top:14px;color:var(--muted)}.inside-section{background:#eeeae0;padding:72px 0}.inside-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.inside-grid>div>p:not(.eyebrow){margin-top:24px;color:var(--muted)}.inside-row{display:flex;gap:30px;padding:25px 0;border-bottom:1px solid #cccac0}.inside-row:first-child{padding-top:0}.inside-row:last-child{border-bottom:0;padding-bottom:0}.inside-number{font:2.5rem var(--serif);color:#786640;min-width:52px}.inside-row p{margin-top:8px;font-size:.9rem;color:var(--muted)}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:30px}.preview-placeholder{background:#eeece4;border:1px solid var(--line);padding:28px 32px;min-height:185px;display:flex;flex-direction:column;justify-content:center}.preview-mark{font:1rem var(--serif);color:#7c693f;margin-bottom:16px}.preview-placeholder p{color:var(--muted);margin-top:8px}.reader-band{background:var(--navy);color:var(--ivory);padding:56px 0}.reader-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:85px}.reader-grid h2{font-size:2.55rem}.reader-grid p:not(.eyebrow){color:#d0d8d8;margin-top:20px;max-width:660px}.publication{text-align:center;padding:65px 0 72px}.publication h2{font-size:2.7rem;margin-top:24px}.publication p{color:var(--muted);margin-top:18px}
/* Reader guide: a quiet, navigable reading column. */
.resources-hero{padding-top:24px;padding-bottom:42px}.resources-hero h1{font-size:clamp(3.5rem,6vw,5.5rem)}.resources-hero .subtitle{margin-top:24px}.resource-intro{max-width:660px;color:var(--muted);margin-top:20px}.resource-jumps{display:flex;gap:12px 26px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-top:35px}.resource-jumps a{font-size:.82rem}.resource-body{max-width:850px}.resource-section{padding:38px 0 45px;border-bottom:1px solid var(--line);scroll-margin-top:20px}.resource-section h2{font-size:clamp(2rem,3.4vw,2.8rem);margin-bottom:25px}.resource-section>p:not(.eyebrow){color:var(--muted)}.worked-example{background:var(--navy);color:var(--ivory);padding:30px 35px;margin-top:30px}.worked-example .eyebrow{color:#dcc89c}.worked-example dl{margin:0;display:grid;grid-template-columns:145px 1fr;gap:20px}.worked-example dt{font-size:.82rem;color:#dcc89c;font-weight:600}.worked-example dd{margin:0;font-size:.94rem}.win-examples{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 40px;padding:0;margin:20px 0 0}.win-examples li{padding:26px 0;border-bottom:1px solid var(--line)}.win-examples p{margin-top:10px;font-size:.93rem;color:var(--muted)}.win-examples h3{font-size:1.03rem}.review-prompts{padding:24px 24px 24px 48px;background:#eeece4;margin:25px 0}.review-prompts li+li{margin-top:10px}.resource-section>h3{margin-top:30px;margin-bottom:14px}.future-extra{margin-top:28px}.future-extra p{color:var(--muted);margin-top:12px}.resource-back{padding:35px 0 55px}
html[data-lang=ja] h1,html[data-lang=ja] h2{line-height:1.4}html[data-lang=ja] .book-title,html[data-lang=ja] .hero-copy h1{line-height:1.12}
@media(min-width:1024px){.mobile-nav{display:none!important}}
@media(max-width:1100px){.desktop-nav{gap:15px}.header-inner{padding-inline:20px}.book-summary{padding:35px}.hero-grid{gap:50px}.inside-grid{gap:60px}.reader-grid{gap:35px}.footer-links{gap:20px}}
@media(max-width:1023px){.desktop-nav{display:none}.js .menu-toggle{display:inline-flex}.mobile-nav{display:flex;flex-direction:column;gap:10px;padding:16px 28px;border-top:1px solid #e6eaf0;background:white;font-size:.9rem}.js .mobile-nav:not(.is-open){display:none}.mobile-nav>a{padding:6px 0;text-decoration:none}.mobile-nav .language-toggle{align-self:flex-start}.header-inner{padding:12px 24px}.brand{font-size:1.65rem}.brand img{width:40px;height:40px}.cover-figure{width:min(100%,270px)}.cover-title{font-size:2.8rem}.cover-subtitle{font-size:.6rem}.cover-author{padding-top:30px}.hero-grid{gap:36px}.journal-hero .cover-title{font-size:2.8rem}.journal-hero .cover-figure{width:270px;max-width:100%}.hero-copy h1{font-size:3.7rem}.steps{gap:28px}.footer-inner,.copyright{flex-wrap:wrap}.reader-grid{grid-template-columns:1fr}.reader-grid>.button{justify-self:start}.book-title{font-size:2.5rem}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.header-inner{padding:12px 20px}.brand{font-size:1.5rem}.brand img{width:36px;height:36px}.catalogue-intro{padding:40px 0 32px}.catalogue-intro h1{font-size:3rem}.intro-line{font-size:1.35rem;max-width:310px}.intro-line br{display:block}.catalogue-intro .muted{max-width:290px}.book-entry{grid-template-columns:1fr}.catalogue-art{padding:35px 24px}.cover-figure{width:240px}.temporary-cover{padding:24px}.cover-title{font-size:2.55rem;margin-top:25px}.cover-author{padding-top:25px;font-size:.48rem}.cover-subtitle{font-size:.58rem;margin-top:16px}.cover-imprint{font-size:.45rem}.book-summary{padding:32px 25px}.book-title{font-size:2.65rem}.book-summary .subtitle{font-size:1rem}.catalogue-note{grid-template-columns:1fr;gap:20px;padding:45px 0}.catalogue-note h2{font-size:2rem}.journal-hero{padding-bottom:44px}.breadcrumb{margin-bottom:30px;font-size:.69rem}.hero-grid{grid-template-columns:1fr;gap:45px}.hero-copy h1{font-size:clamp(3rem,11.3vw,4.3rem)}.hero-copy .subtitle{font-size:1.1rem}.hero-message{font-size:1.05rem}.hero-copy .actions{gap:20px}.journal-hero .cover-figure{width:250px}.journal-hero .cover-title{font-size:2.65rem}.section{padding-top:48px;padding-bottom:48px}.steps{grid-template-columns:1fr;margin-top:28px;gap:27px}.step-number{padding-bottom:12px;margin-bottom:15px;font-size:2.1rem}.steps p{margin-top:8px}.inside-section{padding:45px 0}.inside-grid{grid-template-columns:1fr;gap:30px}.inside-number{font-size:2.1rem;min-width:42px}.inside-row{gap:20px}.preview-grid{gap:15px}.preview-placeholder{padding:22px 18px;min-height:165px}.preview-placeholder h3{font-size:1rem}.reader-band{padding:45px 0}.reader-grid h2{font-size:2.1rem}.publication{padding:45px 0}.publication h2{font-size:2.2rem}.footer-inner{display:block;padding-bottom:28px}.footer-links{margin-top:25px;flex-wrap:wrap;gap:10px 22px}.copyright{display:block}.copyright p+p{margin-top:10px}.site-footer{padding-top:35px}.resources-hero h1{font-size:3.4rem}.resource-jumps{gap:10px 20px}.resource-section{padding:25px 0 35px}.worked-example{padding:25px}.worked-example dl{grid-template-columns:1fr;gap:7px}.worked-example dd+dt{margin-top:10px}.win-examples{grid-template-columns:1fr}.win-examples li{padding:20px 0}html[data-lang=ja] .resources-hero h1{font-size:clamp(1.9rem,9vw,2.4rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.site-header,.site-footer,.resource-jumps,.skip-link{display:none}body{background:white;color:#111}.container{width:100%;max-width:none}.resource-section{break-inside:avoid}.worked-example{background:#eee;color:#111}.worked-example dt,.worked-example .eyebrow{color:#333}}