:root{--ink:#192443;--paper:#f8f4ec;--gold:#b1803b;--line:#ded7c9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;line-height:1.6}a{color:inherit}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #be883e;outline-offset:4px}.skip{position:absolute;left:16px;top:-80px;z-index:10;background:white;padding:12px}.skip:focus{top:10px}header{max-width:1260px;margin:auto;padding:25px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}header a{text-decoration:none}.brand{font-weight:800;font-size:13px;letter-spacing:2px}header nav{display:flex;gap:30px;font-size:14px}.intro{max-width:1160px;margin:64px auto 76px;padding:0 30px;display:grid;grid-template-columns: .95fr 1fr;gap:70px;align-items:center}.cover{display:block}.cover img{width:100%;height:auto;display:block;box-shadow:0 22px 45px #18234026}.label{font-size:11px;letter-spacing:2.2px;font-weight:700;color:#86602d;margin:0 0 16px}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(46px,5vw,70px);line-height:1.03;letter-spacing:-2px;margin-bottom:20px}.motto{font:italic 23px/1.4 Georgia,serif;color:#88602b;margin-bottom:24px}.intro-copy>p:not(.label):not(.motto){max-width:520px}.episode{margin-top:32px;margin-bottom:10px}.intro h2{font:400 30px/1.18 Georgia,serif;margin-bottom:16px}.cta{display:inline-block;background:var(--ink);color:white;text-decoration:none;padding:15px 22px;border-radius:3px;font-size:14px;font-weight:700;margin:10px 0 17px}.cta:hover{background:#304066}.free{font-size:13px;font-weight:700;line-height:1.5}.disclosure{font-size:11px;color:#646c7b}.reader-heading{text-align:center;padding:45px 20px 20px;border-top:1px solid var(--line)}.reader-heading h2,.after h2{font:400 40px/1.1 Georgia,serif;margin-bottom:18px}.reader-heading p:last-child{font-size:14px;color:#566078}.jump{position:sticky;top:0;z-index:2;background:#f8f4ecf5;backdrop-filter:blur(10px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px;padding:11px 16px;font-size:13px}.jump select{padding:5px 10px;background:white;border:1px solid var(--line);border-radius:3px;color:var(--ink)}.reader{max-width:824px;margin:auto;padding:36px 24px}.comic-page{margin:0 0 50px;scroll-margin-top:75px;background:white;box-shadow:0 7px 28px #1924430c}.comic-page figcaption{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border:1px solid var(--line);font-size:12px;font-weight:700;gap:12px}.comic-page img{display:block;width:100%;height:auto}.comic-page button{background:none;border:0;color:var(--ink);cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-size:12px;min-height:30px}.after{text-align:center;padding:70px 24px 78px;max-width:850px;margin:auto;border-top:1px solid var(--line)}.after h3{font:400 22px/1.4 Georgia,serif;margin-top:35px}.after p{font-size:15px}footer{background:var(--ink);color:#f4ecdf;padding:40px 24px;text-align:center;font-size:12px}footer p:last-child{margin:0;color:#cfc9be}dialog{padding:0;border:0;background:var(--paper);color:var(--ink);width:min(1100px,96vw);height:min(94vh,1450px);max-width:96vw;max-height:94vh;border-radius:5px;overflow:hidden}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#10172add}.dialog-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--line);font-size:13px;gap:10px}.dialog-bar button,.controls button{cursor:pointer;border:1px solid var(--line);border-radius:3px;padding:8px 12px;background:white;color:var(--ink);font-size:12px;min-height:36px}.zoom-scroll{overflow:auto;flex:1;min-height:0;background:#ebe5d9;overscroll-behavior:contain}.zoom-scroll img{display:block;max-width:100%;width:auto;height:auto;max-height:100%;margin:auto}.zoom-scroll.zoomed img{width:1536px;max-width:none;height:auto;max-height:none;margin:0 auto}.controls{display:flex;justify-content:center;gap:12px;padding:10px 12px;border-top:1px solid var(--line);flex-wrap:wrap}.controls button:disabled{opacity:.35;cursor:default}.dialog-help{font-size:10px;text-align:center;margin:0 6px 8px;color:#5c6578}body.modal-open{overflow:hidden}@media(max-width:700px){header{padding:20px;align-items:flex-start}header nav{gap:15px;font-size:11px}.brand{font-size:10px;letter-spacing:1.1px}.intro{margin:30px auto 50px;padding:0 22px;grid-template-columns:1fr;gap:32px}.cover{max-width:430px;margin:auto}.intro-copy{max-width:540px;margin:auto}h1{font-size:49px}.motto{font-size:22px}.intro-copy>p{font-size:15px}.reader{padding:22px 8px}.comic-page{margin-bottom:28px}.comic-page figcaption{padding:10px;font-size:10px}.reader-heading h2,.after h2{font-size:34px}.jump{gap:12px;font-size:11px}.jump label{font-size:11px}.controls{gap:6px}.controls button{font-size:10px;padding:8px}.dialog-bar{padding:10px;font-size:11px}.dialog-help{font-size:9px}.zoom-scroll img{width:100%;max-height:none}.zoom-scroll.zoomed img{width:1250px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}