:root{--ink:#193b44;--aqua:#9cdbd5;--aqua-dark:#64b9b3;--cream:#f4efe4;--line:#c6c2b5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.7 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #b04a36;outline-offset:4px}.shell{width:min(1260px,100%);margin:auto;padding-inline:clamp(22px,5vw,70px)}.skip{position:fixed;top:-80px;left:10px;z-index:20;background:white;padding:10px 15px}.skip:focus{top:10px}.site-header{min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:#171717;font-size:15px;line-height:1.1;font-weight:700;letter-spacing:.05em}.brand img{width:48px;height:48px;object-fit:cover}.brand small{display:block;margin-top:7px;font-size:9px;font-weight:600;letter-spacing:.14em}.back-link{font-size:13px;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:3px}.book-hero{display:grid;grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(36px,7vw,104px);padding-top:clamp(55px,8vw,112px);padding-bottom:clamp(65px,9vw,120px)}.cover-stage{position:relative;max-width:450px;padding:17px;background:#e2efdc;border:1px solid #91c8bd;box-shadow:17px 19px 0 #193b4418}.cover-stage::before{content:"";position:absolute;left:-10px;top:20px;bottom:20px;width:9px;background:var(--ink)}.cover{width:100%;height:auto;display:block}.eyebrow{margin:0 0 21px;color:#28716f;font-size:11px;font-weight:700;letter-spacing:.17em;line-height:1.7}.eyebrow span{padding-inline:7px}.hero-copy h1,.reader h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:.98;letter-spacing:-.035em;margin:0}.hero-copy h1{font-size:clamp(70px,8vw,126px)}.hero-copy h1 em{color:#297e7b;font-weight:400}.subtitle{margin:18px 0 24px;color:#317c7a;font:25px/1.2 'Libre Caslon Display',Georgia,serif}.intro{max-width:530px;margin:0 0 29px;font-size:18px;line-height:1.75}.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:60px;min-width:220px;padding:15px 20px;background:var(--ink);color:white;font-size:13px;font-weight:700;transition:transform .25s ease,background-color .25s ease}.primary-link:hover{transform:translateY(-3px);background:#297e7b}.hero-note{margin:19px 0 0;color:#5b6b68;font-size:12px;letter-spacing:.05em}.hero-note span{padding-inline:6px;color:#3d8985}.wake-rule{height:25px;background:var(--ink);position:relative;overflow:hidden}.wake-rule::before,.wake-rule::after{content:"";position:absolute;left:-10%;width:120%;height:42px;border:1px solid #a4e4db;border-radius:50%}.wake-rule::before{top:-26px}.wake-rule::after{top:-20px;opacity:.55}.reader{padding-top:clamp(65px,8vw,112px);padding-bottom:100px}.reader-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;padding-bottom:30px;border-bottom:1px solid var(--line)}.reader-heading .eyebrow{margin-bottom:12px}.reader h2{font-size:clamp(48px,5vw,76px)}.pdf-link{font-size:13px;font-weight:700;white-space:nowrap;border-bottom:1px solid currentColor;padding-bottom:4px}.reader-frame{margin-top:24px;padding:12px;background:#d8efea;border:1px solid #95c9be;box-shadow:0 15px 35px #193b4410}.reader-frame iframe{display:block;width:100%;height:clamp(740px,95vh,1120px);border:0;background:#fff}.reader-footnote{margin:18px 0 0;color:#5d6b68;font-size:13px}.reader-footnote a{text-decoration:underline;text-underline-offset:3px;font-weight:600}footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:30px;padding-bottom:35px;color:#566561;font-size:11px;font-weight:700;letter-spacing:.1em}footer a{text-align:right}@media(max-width:800px){.book-hero{grid-template-columns:1fr}.cover-stage{max-width:390px;margin:auto}.hero-copy h1{font-size:clamp(68px,13vw,108px)}.reader-heading{align-items:flex-start;flex-direction:column}}@media(max-width:540px){.site-header{min-height:88px}.brand{font-size:11px;gap:7px}.brand img{width:37px;height:37px}.brand small{font-size:7px}.back-link{font-size:11px;text-align:right}.book-hero{padding-top:45px}.cover-stage{max-width:min(78vw,340px);padding:12px}.hero-copy h1{font-size:clamp(65px,15vw,94px)}.intro{font-size:16px}.reader{padding-top:57px;padding-bottom:55px}.reader-frame{margin-inline:-10px;padding:6px}.reader-frame iframe{height:78vh;min-height:600px}footer{flex-direction:column}footer a{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Shared nautical identity used on every reading page. */
.site-header .nautical-brand,footer .nautical-brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;flex:0 0 auto;width:clamp(205px,21vw,275px);color:#173b4b;font-size:initial;font-weight:600;letter-spacing:0;line-height:1.2;text-align:left}
.nautical-lockup{position:relative;display:block;width:100%;height:clamp(72px,7.5vw,96px);overflow:visible;isolation:isolate}
.nautical-lockup img{position:absolute;display:block;width:auto;height:auto;max-width:none;object-fit:contain;filter:none}
.nautical-lockup .nautical-anchor{z-index:0;top:0;left:50%;height:100%;transform:translateX(-50%)}
.nautical-lockup .nautical-banner{z-index:1;top:20%;left:0;width:100%}
footer .nautical-brand{width:clamp(220px,23vw,300px)}
footer .nautical-brand .nautical-lockup{height:clamp(78px,8vw,104px)}
@media(max-width:640px){.site-header .nautical-brand{width:205px}.site-header .nautical-lockup{height:72px}footer .nautical-brand{width:230px}footer .nautical-brand .nautical-lockup{height:80px}}

/* Match the main header breathing room so the divider clears the nautical lockup. */
.site-header{min-height:0;padding-block:29px}
@media(max-width:540px){.site-header{min-height:0;padding-block:16px}}