*{box-sizing:border-box}body{margin:0;background:#f5f1e8;color:#293337;font:17px/1.85 system-ui,sans-serif}header,main,footer{max-width:1120px;margin:auto;padding:30px 24px}header{border-top:5px solid #365c64}header nav{display:flex;justify-content:space-between;gap:20px;font-size:14px}.eyebrow{font-size:12px;letter-spacing:.14em;color:#546566;margin-top:40px}h1{font-size:clamp(30px,5vw,48px);line-height:1.4;letter-spacing:-.025em;max-width:900px}h2{font-size:22px;line-height:1.5}.lead{max-width:680px}a{color:#235968;text-underline-offset:.22em}.sample-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}button,.button{font:inherit;padding:12px 20px;border:1px solid #365c64;border-radius:6px;background:#365c64;color:#fff;cursor:pointer;text-decoration:none}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c48035;outline-offset:3px}.open-file{border:1px solid #c1c9c5;padding:22px;background:#fffdf7;border-radius:8px;max-width:850px}.open-file label{display:block;font-weight:650;margin-bottom:10px}input{font:inherit;max-width:100%}.small{font-size:14px;color:#546566}.toolbar{display:flex;gap:24px;justify-content:space-between;align-items:end;flex-wrap:wrap}.toolbar label{display:block;flex:1;max-width:700px}.toolbar select{display:block;width:100%;font:inherit;padding:9px;border:1px solid #365c64;background:#fffdf7;color:#293337}.language{display:flex;gap:10px}.language button{background:#fffdf7;color:#235968}#viewer{height:min(75vh,850px);min-height:420px;background:#fffdf7;border:1px solid #c1c9c5;border-radius:6px;overflow:auto}#viewer iframe{border:0}.reader-nav{display:flex;justify-content:space-between;gap:20px;margin:20px 0}footer{border-top:1px solid #c1c9c5;font-size:14px;color:#546566}dialog{max-width:min(90vw,620px);border:1px solid #365c64;border-radius:8px;background:#fffdf7;color:#293337;padding:28px}dialog::backdrop{background:#152a32aa}#external-url{overflow-wrap:anywhere;font-size:14px}[hidden]{display:none!important} @media(max-width:600px){header,main,footer{padding:22px 16px}.eyebrow{margin-top:28px}.sample-actions{gap:14px}#viewer{height:70vh;min-height:400px}.toolbar{gap:14px}.toolbar label{min-width:100%}.language button{padding:9px 16px}dialog{padding:22px}}

.chapter-links{display:flex;flex-direction:column;gap:12px;margin:20px 0}.chapter-links button{text-align:left;background:#fffdf7;color:#235968}