@layer base,layout,components;
@layer base{*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f1e8;color:#292b26;font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,.button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #98743f;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3,.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.12}h1{font-size:clamp(3rem,7vw,6.8rem);letter-spacing:-.055em}h2{font-size:clamp(2rem,4vw,3.8rem);letter-spacing:-.035em}h3{font-size:1.65rem}img{max-width:100%;height:auto}button{color:inherit}::selection{background:#d5ddc6}.muted,small{color:#64685c}.eyebrow{text-transform:uppercase;font-size:.7rem;letter-spacing:.2em;font-weight:600}.skip{position:absolute;left:16px;top:-80px;z-index:50;background:#fff;padding:12px}.skip:focus{top:0}main:focus{outline:0}}
@layer layout{.site-header{max-width:1440px;margin:auto;padding:27px 5.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292b2620;gap:30px}.brand{text-decoration:none;display:flex;gap:13px;align-items:center;font-family:Georgia,serif;font-size:1.35rem;line-height:1.2}.brand small{font:9px/2 system-ui;letter-spacing:.22em;display:block}.brand-mark{display:block;font-size:46px;line-height:1;position:relative;color:#274638}.brand-mark span{font-size:15px;position:absolute;right:-4px;top:-5px;color:#a98b65}nav{display:flex;gap:32px;font-size:13px}nav a{text-decoration:none}nav a[aria-current=page]{text-decoration:underline}main{min-height:65vh}.wrap{max-width:1240px;margin:auto;padding:70px 40px}.hero{max-width:1440px;margin:auto;padding:70px 8% 75px;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.hero-copy>p:not(.eyebrow){max-width:420px;margin:28px 0;color:#64685c;font-size:16px}.hero h1{margin-top:24px}.hero h1 em{color:#274638;font-weight:400}.hero-art{position:relative;min-height:490px;display:grid;place-items:center;background:radial-gradient(ellipse,#ddd4bd88 0,transparent 70%)}.hero-art:before{content:'';position:absolute;width:92%;height:90%;border:1px solid #a98b6544;border-radius:50% 50% 2px 2px}.art-caption{position:absolute;bottom:0;text-align:center;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#64685c}.section-top{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:40px}.section-top h2{margin-top:13px}.section-top a{font-size:13px}.catalogue{border-top:1px solid #292b2620}.book-row{display:grid;grid-template-columns:300px 1fr;gap:60px;align-items:center}.book-row .jacket{width:240px;min-height:320px}.book-info{max-width:600px}.book-info h3{font-size:2.8rem;margin:15px 0 8px}.book-info>p{margin:18px 0}.editorial{background:#e9e5d9;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:70px max(6vw,30px)}.editorial h2{max-width:540px}.editorial p{max-width:480px;margin:15px 0 25px}.page-title{max-width:840px;margin-bottom:45px}.page-title h1{font-size:clamp(3rem,6vw,5rem);margin:20px 0}.page-title p{max-width:580px;color:#64685c}.detail{background:#24392f;color:#f5f1e8;padding:75px max(8vw,24px);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;position:relative;overflow:hidden}.detail:before{content:'✦';position:absolute;font-size:600px;opacity:.025;left:-70px;top:-220px;pointer-events:none}.detail h1{font-size:clamp(3.8rem,7vw,7.5rem);margin:22px 0 8px}.detail h2{font-size:clamp(1.8rem,3vw,3rem);font-style:italic;color:#d8c7a6;margin-bottom:25px}.detail p{max-width:500px}.detail .eyebrow{color:#d8c7a6}.detail-visual{display:grid;place-items:center}.columns{display:grid;grid-template-columns:1.4fr 1fr;gap:80px}.columns h2{margin-bottom:25px}.columns p{margin:16px 0}.feature-list{list-style:none;padding:0}.feature-list li{padding:16px 0;border-bottom:1px solid #292b2620}.feature-list span{float:right;color:#64685c}footer{max-width:1440px;margin:auto;border-top:1px solid #292b2620;padding:50px 6%;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;font-size:12px}footer a{text-decoration:none}footer p{margin:10px 0}.footer-brand{font:1.6rem/1.3 Georgia,serif}.footer-brand em{color:#64685c}footer>small{align-self:end}.reader-layout{display:grid;grid-template-columns:270px minmax(0,1fr);max-width:1360px;margin:auto}.reader-aside{border-right:1px solid #292b2620;padding:30px 24px;position:sticky;top:0;align-self:start;max-height:100vh;overflow:auto}.reader-aside h2{font-size:1.4rem;margin:18px 0}.reader-aside a{display:block;font-size:13px;padding:9px 0;text-decoration:none}.reader-aside a[aria-current=true]{color:#274638;font-weight:700}.reading{min-width:0}.reader-toolbar{position:sticky;top:0;z-index:5;background:var(--paper,#f5f1e8);border-bottom:1px solid #a98b6533;padding:15px 22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.reader-toolbar label{font-size:12px;display:flex;gap:6px;align-items:center}.reader-toolbar select{max-width:130px}.reader-toolbar input{width:90px}.reader-toolbar button{padding:6px 12px}.reading-paper{max-width:740px;margin:auto;padding:60px 40px 100px;font:var(--font-size,21px)/1.85 Georgia,serif;overflow-wrap:anywhere}.reading-paper h1{font-size:2.8rem;margin-bottom:40px;letter-spacing:-.025em}.reading-paper p{margin:1.2em 0;white-space:pre-line}.reading-paper figure{margin:35px 0;text-align:center}.reading-paper figcaption{font:11px/1.5 system-ui;color:inherit;opacity:.65}.reader-layout[data-theme=night]{--paper:#242822;background:var(--paper);color:#e7e3d9}.reader-layout[data-theme=light]{--paper:#fff;background:white}.reader-layout[data-theme=sepia]{--paper:#eee2c9;background:var(--paper)}.chapter-nav{display:flex;justify-content:space-between;gap:20px;padding-top:40px;border-top:1px solid #a98b6544;font:14px system-ui}.progress-line{height:3px;background:#a98b6533;flex-basis:100%}.progress-line span{display:block;height:100%;background:#a98b65}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.panel{border:1px solid #292b2625;padding:30px;border-radius:3px}.panel h2{font-size:1.8rem;margin-bottom:20px}.panel p{margin:15px 0}.panel label{display:block;margin:18px 0 6px;font-size:13px}.panel input[type=file]{width:100%;font-size:13px}details{margin:20px 0}summary{cursor:pointer}#import-result{white-space:pre-wrap;font-size:13px}.toolbar{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-bottom:35px}.toolbar input{flex:1;min-width:150px}.empty{padding:65px 30px;text-align:center;border:1px solid #a98b6555}.empty h2{margin:15px 0;font-size:2rem}.empty p{max-width:570px;margin:15px auto 25px}.bookmark-item{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #292b2620;padding:15px 0}}
@layer components{.button,button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:13px 23px;border:1px solid #274638;background:#274638;color:#f5f1e8;text-decoration:none;border-radius:2px;font-size:13px;font-weight:500;min-height:44px}.button.secondary,button.secondary{background:transparent;color:inherit;border-color:#a98b6566}.detail .button{background:#f5f1e8;color:#274638}.detail .secondary{background:transparent;color:#f5f1e8;border-color:#a98b65}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.status{display:inline-block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border:1px solid #a98b6566;border-radius:2px;color:#64685c}.detail .status{color:#d8c7a6}.jacket{width:290px;min-height:405px;background:#e5dcc8;border:1px solid #a98b65;color:#274638;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:34px 24px;box-shadow:14px 20px 32px #292b261e,4px 0 0 #c7bca2 inset;text-align:center;position:relative;z-index:1;transform:rotate(-5deg)}.jacket:after{content:'';position:absolute;inset:12px;border:1px solid #a98b6577;pointer-events:none}.jacket strong{font:2.2rem/1.05 Georgia,serif;letter-spacing:-.045em}.jacket em{display:block;font:1rem/1.5 Georgia,serif;margin-top:10px}.jacket .symbol{font-size:50px;color:#a98b65;line-height:1}.jacket small{font-size:9px;letter-spacing:.16em}.jacket-image{max-height:450px;width:auto;box-shadow:12px 20px 30px #0003}.fineprint{font-size:12px;color:#64685c}.note{border-left:2px solid #a98b65;padding:13px 18px;background:#a98b650c;font-size:13px;margin:25px 0}.detail .note{color:#d8c7a6}.fact{display:flex;gap:16px;align-items:center;font-size:12px;color:#64685c}.rule{width:40px;height:1px;background:#a98b65;margin:22px 0}input,select{padding:10px 12px;border:1px solid #a98b6588;background:transparent;color:inherit;border-radius:2px;min-height:44px}#notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#274638;color:#fff;padding:14px 22px;border-radius:3px;z-index:50;max-width:90vw;font-size:13px;display:none}#notice.visible{display:block}.audio-box{display:flex;align-items:center;gap:20px;border-top:1px solid #a98b6555;padding:22px 0;margin-top:28px}.audio-icon{font-size:32px;color:#a98b65}.audio-box p{font-size:13px;margin:4px 0}.step-number{font:italic 40px Georgia;color:#a98b65;margin-bottom:20px}.install{font-size:12px}.count{font-size:12px;color:#64685c;margin:20px 0}}
@media(max-width:800px){.site-header{padding:20px 24px;align-items:start;gap:20px;flex-wrap:wrap}nav{gap:20px;flex-wrap:wrap}nav a{min-height:32px}.hero{grid-template-columns:1fr;padding:45px 25px;gap:30px}.hero h1{font-size:4rem}.hero-art{min-height:430px}.jacket{width:250px;min-height:350px}.hero-copy>p:not(.eyebrow){max-width:100%}.wrap{padding:45px 24px}.book-row{grid-template-columns:1fr;gap:45px}.book-row .jacket{margin:auto}.book-info h3{font-size:2.6rem}.editorial,.columns,.admin-grid,.detail{grid-template-columns:1fr;gap:35px}.detail{padding:45px 25px}.detail-visual{padding:25px 0 15px}.section-top{align-items:start;flex-direction:column}.reader-layout{display:block}.reader-aside{position:static;border-right:0;border-bottom:1px solid #a98b6533;max-height:none;padding:15px 24px}.reader-aside details{margin:0}.reading-paper{padding:35px 24px 60px}.reader-toolbar{padding:12px 15px;gap:8px}.reader-toolbar label{flex-wrap:wrap}.reader-toolbar input{width:65px}footer{padding:35px 24px;display:grid}.panel{padding:23px}.feature-list span{float:none;display:block}.bookmark-item{flex-wrap:wrap}.page-title h1{overflow-wrap:anywhere}}
.hero-illustration{width:100%;max-height:535px;object-fit:contain;position:relative;z-index:1;mix-blend-mode:multiply;filter:sepia(.15);padding:15px}.hero-art:has(.hero-illustration):before{display:none}.hero-art:has(.hero-illustration){background:none;min-height:450px;padding-bottom:35px}.detail-visual{position:relative;min-width:0;padding-bottom:30px}.detail-visual .hero-illustration{mix-blend-mode:normal;filter:none;max-height:540px;box-shadow:0 15px 45px #0003;padding:0}.detail-visual .art-caption{bottom:0;color:#d8c7a6}.book-art{display:block;max-width:300px}.book-art>img{display:block;max-height:360px;object-fit:contain;width:100%}.author-quote{font:1.55rem/1.65 Georgia,serif;margin:25px 0;color:#274638}.hash{overflow-wrap:anywhere;font:12px/1.7 monospace}.book-toc{padding-left:20px}.book-toc li{margin:9px 0;font-size:14px}.source-note{font:11px/1.65 system-ui!important;opacity:.7;margin-top:40px!important}.reading-mode footer{display:none}progress{width:100%;height:7px;accent-color:#274638}h1,h2,h3{overflow-wrap:break-word}.detail-visual .art-caption{position:static;margin-top:16px}.reading-paper figure img{display:block;margin:auto}.reader-layout[data-theme=night] select option{background:#242822;color:#e7e3d9}.reader-layout[data-theme=night] .fineprint,.reader-layout[data-theme=night] .muted{color:#c8ccbd}.reader-layout[data-theme=night] .reader-aside a[aria-current=true]{color:#dbc59f}.reader-toolbar .progress-line{min-width:100%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.demo-banner{text-align:center;padding:9px 20px;background:#e9e5d9;font-size:11px;letter-spacing:.04em;color:#274638}
.hero-copy,.hero-art,.book-info,.book-art{min-width:0}.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.book-row{grid-template-columns:minmax(0,300px) minmax(0,1fr)}@media(max-width:800px){.hero,.book-row{grid-template-columns:minmax(0,1fr)}}@media(max-width:400px){.hero h1{font-size:clamp(2.4rem,14vw,4rem)}.button,button{max-width:100%;white-space:normal}.hero-art{min-height:0}.book-art,.jacket{max-width:100%}}