:root{font-family:system-ui,-apple-system,sans-serif;color:#253c36;background:#f6f3ec}*{box-sizing:border-box}body{margin:0}main{max-width:620px;margin:48px auto;padding:24px}header{text-align:center;margin-bottom:36px}h1{font:700 52px Georgia,serif;margin:14px 0}header p{color:#65736c}.eyebrow{font-size:11px;letter-spacing:2px}section{background:#fff;border:1px solid #ddd9cf;padding:30px;border-radius:14px;box-shadow:0 10px 30px #263c3508}.tag{font-size:11px;letter-spacing:1px;color:#65736c}h2{font:600 28px Georgia,serif}label{display:block;font-size:14px;margin:18px 0 7px}input{width:100%;padding:13px;border:1px solid #bcc5bf;border-radius:6px;font:inherit}button{border:0;background:#284f40;color:white;border-radius:6px;padding:13px 24px;margin-top:22px;font:600 16px system-ui;cursor:pointer}button:disabled{opacity:.5;cursor:wait}input:focus,button:focus-visible{outline:3px solid #a8c5b5;outline-offset:2px}small{display:block;color:#66716b;margin-top:24px;line-height:1.5}#message{line-height:1.5}[hidden]{display:none!important}@media(max-width:480px){main{margin:20px auto;padding:18px}section{padding:22px}h1{font-size:44px}}

#edition-frame{border:0;width:100%;height:90vh;background:white} body.reading main{max-width:none;padding:8px 16px}body.reading header,body.reading section>h2,body.reading section>p,body.reading section>small,body.reading #reader>p,body.reading #greeting,body.reading .tag{display:none}body.reading section{padding:4px;margin:0} body.reading #open-edition{display:none} [hidden]{display:none!important}

/* Branded entry and one full-viewport reading surface. */
:root{color:#000;background:#fff}body{background:#fff;color:#000}.brand-logo{display:block;width:240px;max-width:75vw;height:auto;margin:0 auto}header{margin-bottom:48px}section{border:0;border-radius:0;box-shadow:none;padding:16px 0}h2{font-family:Georgia,serif}button{background:#000;color:#fff;border-radius:0}input{border-color:#000;border-radius:0;background:#fff;color:#000}input:focus,button:focus-visible{outline:2px solid #000;outline-offset:4px}.tag{display:none}body.reading main{display:none}body.reading{height:100dvh;overflow:hidden}body.reading #edition-frame{position:fixed;inset:0;border:0;width:100%;height:100dvh;display:block;background:#fff}.reader-menu{position:fixed;right:12px;top:max(8px,env(safe-area-inset-top));z-index:10;margin:0;padding:8px 12px;background:#fff;color:#000;border:1px solid #000;font-size:11px}.reader-nav{position:fixed;right:12px;top:46px;z-index:11;padding:10px;background:#fff;border:1px solid #000}.reader-nav button{display:block;width:100%;margin:0;padding:12px;font-size:13px;background:#fff;color:#000;text-align:left}.reader-menu[hidden],.reader-nav[hidden]{display:none!important}@media(max-width:480px){main{margin:30px auto;padding:24px}.brand-logo{width:210px}section{padding:0}}

.reader-menu{border:0;padding:8px;width:40px;height:40px;font-size:25px;line-height:1;background:#fff;color:#000}.reader-menu:hover{background:#f4f4f4;color:#000}

/* Ordinary browser links use the browser's own page scroll. */
body.reading{height:auto;min-height:100dvh;overflow:visible}body.reading #edition-frame{position:relative;inset:auto;display:block;width:100%;min-height:100dvh;height:100dvh}main{width:min(100%,620px);padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}.reader-menu{right:max(10px,env(safe-area-inset-right))}input{font-size:16px}button,input{min-height:44px}@media(max-width:480px){main{margin:24px auto}.brand-logo{width:220px}header{margin-bottom:28px}}

.logo-box{position:relative;display:inline-block;max-width:100%}.brand-tm{position:absolute;right:7px;bottom:7px;font:11px Arial,sans-serif}.text-button{display:block;background:transparent;color:#000;border:0;text-decoration:underline;margin-top:12px;padding:4px 0}.legal-line{font:10px/1.5 Arial,sans-serif;color:#555;text-align:center;padding:24px 16px}

body.reading>.legal-line{display:none}