.back{font-size:12px;font-weight:600}.reader{max-width:1040px;margin:auto;padding:30px 16px 75px;text-align:center}.reader-heading span{font-size:10px;letter-spacing:2px;font-weight:700}.reader-heading h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(36px,5vw,60px);font-weight:400;margin:8px 0 0}.reader-heading p{font-family:'Playfair Display',Georgia,serif;font-style:italic;color:var(--camel);margin:4px 0 25px}.reader-shell{display:flex;align-items:center;justify-content:center;gap:18px}.page{position:relative;width:min(500px,72vw);aspect-ratio:4/5;box-shadow:0 16px 45px #48322133;background:#e8d9c8;overflow:hidden;perspective:1200px}.page img{display:block;width:100%;height:100%;object-fit:cover}.page.turn img{animation:flip .35s ease-out}@keyframes flip{0%{opacity:.65;transform:rotateY(-8deg) scale(.98)}100%{opacity:1;transform:rotateY(0) scale(1)}}.nav{border:1px solid #baa18f;background:transparent;color:var(--brown);cursor:pointer}.arrow{width:52px;height:52px;border-radius:50%;font-size:40px;line-height:40px}.nav:disabled,.smallbtn:disabled{opacity:.25;cursor:default}.reader-controls{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:20px}.reader-controls span{font-size:12px;font-weight:700;letter-spacing:2px}.smallbtn{border:0;background:transparent;color:var(--brown);cursor:pointer;font-weight:700}.reader-tip{color:#866f61;font-size:12px;margin-top:18px}.all{display:inline-block;margin-top:30px;font-size:12px;text-decoration:underline}.quiz-hotspot{position:absolute;left:7%;right:54%;bottom:7%;padding:13px 5px;border:1px solid #a97459;border-radius:3px;background:#f5ece1f5;color:#76462f;font-size:clamp(9px,1.5vw,14px);font-weight:700;cursor:pointer;box-shadow:0 4px 15px #0002}.modal[hidden],.quiz-hotspot[hidden],[hidden]{display:none!important}.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:18px}.modal-backdrop{position:absolute;inset:0;background:#24170fba}.modal-content{position:relative;width:min(650px,100%);max-height:94vh;overflow-y:auto;background:#f3e9dd;padding:clamp(22px,5vw,48px);text-align:left;box-shadow:0 20px 80px #0005}.close{position:absolute;top:10px;right:16px;background:none;border:0;font-size:30px;color:var(--brown);cursor:pointer}.modal h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(32px,5vw,47px);font-weight:400;line-height:1.1;margin:16px 0 8px}.quiz-sub{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#a17860;margin-bottom:25px}fieldset{border:0;border-top:1px solid #d3bdab;padding:18px 0 16px;margin:0}legend{float:left;width:100%;font-family:'Playfair Display',Georgia,serif;font-size:18px;margin-bottom:12px}legend span{color:var(--camel);margin-right:8px}fieldset label{display:flex;align-items:center;gap:12px;clear:both;padding:10px 12px;margin:4px 0;cursor:pointer;border:1px solid transparent;font-size:14px}fieldset label:has(input:checked){background:#e8d4c2;border-color:#bd9b84}input[type=radio]{accent-color:#8d604a;width:16px;height:16px;flex-shrink:0}.submit{border:0;background:#704936;color:#fff;padding:15px 25px;cursor:pointer;font-weight:700;letter-spacing:.5px;margin-top:18px;width:100%}.result-letter{font-family:'Playfair Display',Georgia,serif;font-size:65px;color:var(--camel)}#resultTitle{font-family:'Playfair Display',Georgia,serif;font-size:30px;font-weight:400;margin:0}#resultText{line-height:1.8;color:#705b4e}.result-foot{font-family:'Playfair Display',Georgia,serif;font-style:italic;color:#a4775f}@media(max-width:600px){.reader{padding-top:26px}.reader-shell{gap:5px}.page{width:min(100%,450px)}.arrow{display:none}.reader-controls{gap:10px}.reader-tip{line-height:1.5}.quiz-hotspot{font-size:11px;left:6%;right:52%;bottom:5%;padding:8px 2px}.back{font-size:11px}.modal-content{max-height:96vh}}