*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#faf6e9;color:#18394c;font-family:system-ui,sans-serif;line-height:1.7}a{color:inherit}header{background:#173c59;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:20px max(5vw,20px);gap:16px}nav{display:flex;gap:22px;flex-wrap:wrap}header a{text-decoration:none}.brand{font:25px Georgia,serif;letter-spacing:3px}.brand small{display:block;font:9px system-ui;letter-spacing:2px}.skip{position:absolute;left:12px;top:-80px;padding:10px;background:white;z-index:9}.skip:focus{top:12px}a:focus-visible,summary:focus-visible{outline:3px solid #c87b19;outline-offset:5px}.intro{max-width:1100px;margin:56px auto;display:grid;grid-template-columns:230px 1fr;gap:54px;align-items:center;padding:0 24px}.cover{width:100%;height:auto;border-radius:12px;box-shadow:0 14px 35px #173c5925}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#816025}h1,h2{font-family:Georgia,serif;line-height:1.15}h1{font-size:clamp(42px,7vw,76px);margin:12px 0}h1 span{color:#a97b27}h2{font-size:clamp(26px,4vw,40px)}.button{display:inline-block;background:#176467;color:white;border-radius:30px;padding:12px 25px;text-decoration:none;font-weight:600;margin-top:12px}.episode{text-align:center;padding:30px 24px;max-width:900px;margin:auto}.page-jumps{justify-content:center}.page-jumps a{padding:7px 20px;border:1px solid #ae9563;border-radius:25px;text-decoration:none}.pages{max-width:1056px;margin:auto;padding:0 16px}.comic-page{margin:30px 0 64px}.comic-page>img{display:block;width:100%;height:auto;background:white;box-shadow:0 8px 24px #173c5918}.page-label{display:flex;justify-content:space-between;align-items:center;gap:16px}.page-label h2{font:700 16px system-ui}.page-label a{font-size:13px}details{background:#fffdf6;border:1px solid #d8ccb2;padding:15px 20px;margin-top:14px;border-radius:8px}summary{cursor:pointer;font-weight:600}li{padding:8px}.ending{text-align:center;padding:15px 24px 65px}.text-link{display:block;margin-top:24px}footer{text-align:center;padding:25px;background:#173c59;color:#f5eddb;font-size:12px}@media(max-width:600px){.intro{grid-template-columns:1fr;gap:24px;margin:28px auto;text-align:center}.cover{width:150px;margin:auto}header{padding:16px}header nav{font-size:13px;gap:15px}.comic-page{margin-bottom:35px}.pages{padding:0 6px}.page-label,details{margin-left:8px;margin-right:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}