:root{--ink:#10392e;--paper:#fff8e9}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Georgia,'Times New Roman',serif;background:#ead6ad}.scene{min-height:100vh;padding:22px 20px 12px;background:radial-gradient(circle at 81% 16%,#fff2bd 0 3%,transparent 16%),linear-gradient(180deg,#b7d5d8 0%,#f8c68d 33%,#819b7e 58%,#624e38 100%);position:relative;overflow:hidden}.scene:before{content:' ';position:absolute;inset:28% 0 30%;background:linear-gradient(160deg,transparent 35%,#6c8078 36% 43%,transparent 44%),linear-gradient(24deg,transparent 50%,#546f67 51% 62%,transparent 63%);opacity:.38;pointer-events:none}.brand{text-align:center;position:relative;z-index:1;margin:0 auto 25px;text-shadow:0 1px 12px #fff8}.brand .palm{font-size:31px;height:30px}.brand h1{font-size:clamp(49px,8vw,95px);letter-spacing:-5px;line-height:1;margin:0}.brand p{font-size:clamp(19px,2.8vw,31px);margin:0}.brand small{display:block;letter-spacing:5px;font:600 11px Arial,sans-serif;margin:12px}.flag{width:44px;height:28px;background:linear-gradient(#d8222d 50%,#fff 50%);margin:0 auto;box-shadow:0 1px 3px #0002}.flag.tiny{width:29px;height:19px}.book{position:relative;z-index:1;max-width:1150px;min-height:610px;margin:auto;display:grid;grid-template-columns:1fr 1fr;filter:drop-shadow(0 17px 12px #2b261f88);perspective:1400px}.book:before{content:'';position:absolute;inset:-9px -8px -10px;background:#153c32;border-radius:13px;z-index:-1}.page{background:var(--paper);padding:clamp(20px,4vw,49px);min-width:0;box-shadow:inset 0 0 35px #a47d472e;transition:transform .45s ease}.welcome{border-radius:8px 3px 3px 8px;background:linear-gradient(90deg,#eadbc4 0%,var(--paper) 5%,var(--paper) 88%,#e3d2b7 100%)}.contents{border-radius:3px 8px 8px 3px;background:linear-gradient(90deg,#e0ceb1 0%,var(--paper) 10%,var(--paper) 96%,#ebdec7 100%)}.paper{height:100%;display:flex;flex-direction:column}.welcome h2{font-size:clamp(30px,4vw,48px);font-style:italic;font-weight:normal;transform:rotate(-4deg);margin:15px 0 4px}.stroke{width:120px;border-top:4px solid #d59b24;transform:rotate(-7deg);margin:6px 0 23px 90px}.welcome h3{font-size:23px;margin:8px 0}.welcome p{font-size:clamp(15px,1.55vw,19px);line-height:1.45;margin:8px 0}.illustration{margin:auto 0 18px;text-align:center;min-height:100px;display:grid;place-content:center;font-size:35px;color:#b5873b;background:linear-gradient(transparent,#e9d7ad88);border-radius:45% 45% 0 0}.illustration span{font:600 12px Arial;letter-spacing:8px}.welcome em{text-align:center;font-size:clamp(17px,2vw,24px)}.contents h2{text-align:center;font-size:clamp(36px,5vw,56px);margin:4px 0 7px}.sub{text-align:center;font:10px Arial,sans-serif;letter-spacing:3px;margin:13px 0 17px}.entries{flex:1}.entry{width:100%;display:flex;gap:14px;align-items:center;text-align:left;padding:7px 0;background:transparent;border:0;border-bottom:1px solid #8d826b55;color:#1b2621;cursor:pointer;font:inherit}.entry:hover,.entry:focus-visible{background:#e9e2c7}.tile{width:49px;height:49px;flex:none;display:grid;place-items:center;border-radius:5px;color:white;font:27px Arial}.entry .copy{flex:1}.entry strong{display:block;font-size:clamp(16px,1.7vw,20px)}.entry small{display:block;font-size:clamp(11px,1.2vw,14px);line-height:1.25;margin-top:2px}.entry .arrow{font:23px Arial}.page-nav{display:flex;justify-content:space-between;align-items:center;margin-top:15px;gap:8px}.page-nav button{background:transparent;border:1px solid #a9a28f;padding:8px 13px;color:var(--ink);border-radius:4px;cursor:pointer}.page-nav button:hover{background:#e6dfca}.chapter-text{font-size:20px;line-height:1.6;margin:20px 0}.chapter-art{flex:1;display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,#d9e5d7,#edcd99);border-radius:6px;font-size:80px;min-height:180px}.chapter-art span{font:italic 22px Georgia;margin-top:14px}footer{text-align:center;position:relative;color:#fff4db;letter-spacing:3px;font:11px Arial;margin:23px 0 0}@media(max-width:750px){.scene{padding:15px 10px}.brand{margin-bottom:16px}.book{display:flex;flex-direction:column}.page{padding:25px}.welcome{border-radius:8px 8px 0 0}.contents{border-radius:0 0 8px 8px}.welcome .illustration{min-height:90px}.entry{padding:9px 0}.tile{width:43px;height:43px}.brand h1{letter-spacing:-2px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.social-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px}.social-links a{display:inline-block;text-decoration:none;background:#fffaf0;border:1px solid #d9cdb6;border-radius:25px;padding:8px 15px;color:#173e32;font-weight:700;font-size:13px}.social-links a:first-child{color:#bd3029}.social-links a:hover,.social-links a:focus-visible{background:#eaf0e6;outline-offset:3px}