:root{color-scheme:light;--paper:#fcfdfb;--ink:#243537;--teal:#087e83;--teal-dark:#05676c;--muted:#526769;--line:#cddedb;--wash:#edf5f4;--font:Calibri,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:1.5rem}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:18px;line-height:1.55}
a{color:var(--teal-dark);text-underline-offset:.22em;text-decoration-thickness:1px}
a:hover{color:var(--ink);text-decoration-thickness:2px}
a:focus-visible{outline:3px solid var(--teal);outline-offset:5px;border-radius:2px}
.wrap{max-width:1160px;margin-inline:auto;padding-inline:36px}
.skip{position:absolute;left:16px;top:12px;transform:translateY(-180%);background:var(--ink);color:white;padding:10px 16px;z-index:2}
.skip:focus{transform:none}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:28px;border-bottom:1px solid var(--line)}
.identity{text-decoration:none;color:var(--ink);font-size:21px;font-weight:700;line-height:1.3}
.identity span{display:block;font-size:15px;font-weight:400;color:var(--muted)}
nav{display:flex;gap:26px;font-size:16px}
.intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:72px;align-items:center;padding-block:68px 76px}
h1,h2,p,figure{margin:0}
h1{font-size:clamp(3.3rem,6vw,5.5rem);line-height:.98;letter-spacing:-.035em;font-weight:700;text-wrap:balance}
.subtitle{font-size:25px;line-height:1.3;max-width:28ch;margin-top:25px}
.edition{font-size:15px;color:var(--muted);margin-top:20px}
.lead{margin-top:26px;max-width:45ch;font-size:20px}
.actions,.bundle-row{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:30px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;padding:12px 20px;min-height:50px;border-radius:4px;font-size:18px;font-weight:700;text-decoration:none}
.primary{background:var(--teal-dark);color:white}.primary:hover{background:var(--ink);color:white}
.secondary{border:1px solid var(--teal-dark);color:var(--teal-dark)}.secondary:hover{background:var(--wash)}
.text-action{font-weight:700;display:inline-block;padding-block:10px}
.access-note{margin-top:14px;font-size:15px;color:var(--muted)}
.cover{width:100%;max-width:350px;justify-self:end}
.cover img{display:block;width:100%;height:auto;box-shadow:10px 18px 36px #24353722}
figcaption{font-size:13px;text-align:center;color:var(--muted);margin-top:19px}
h2{font-size:clamp(1.8rem,3vw,2.35rem);line-height:1.13;letter-spacing:-.02em;text-wrap:balance;max-width:25ch}
.overview{display:grid;grid-template-columns:1fr 1fr;gap:72px;padding-block:62px;border-top:1px solid var(--line)}
.overview p,.limits p{margin-top:20px;max-width:65ch}
.chapters{margin:0;padding-left:28px;align-self:center}
.chapters li{padding:13px 0 13px 10px;border-bottom:1px solid var(--line)}
.chapters li::marker{color:var(--teal-dark);font-weight:700}
.companions{padding-block:62px;background:var(--wash)}
.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.resources{margin:36px 0 0}.resources>div{display:grid;grid-template-columns:1fr 1fr;gap:72px;border-top:1px solid var(--line);padding-block:23px}
dt{font-size:21px;font-weight:700}dd{margin:0;max-width:55ch}dt a{text-decoration:none}dt a:hover{text-decoration:underline}dt span{font-size:18px;margin-left:8px}
.small{font-size:15px;color:var(--muted);max-width:80ch;margin-top:20px}
.limits{padding-block:62px}.limits h2{max-width:none}
footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:28px;padding-block:32px 44px;font-size:16px}footer strong{font-size:18px}
@media(max-width:800px){.wrap{padding-inline:24px}.intro{gap:38px;padding-block:45px}.subtitle{font-size:22px}.cover{max-width:280px}.overview,.section-intro,.resources>div{gap:30px}.button{gap:16px}.actions{gap:14px}}
@media(max-width:600px){body{font-size:17px}.site-header{align-items:flex-start;padding-block:22px;gap:18px}nav{flex-direction:column;gap:6px;font-size:14px}.identity{font-size:19px}.identity span{font-size:14px}.intro{grid-template-columns:1fr;gap:38px;padding-block:40px 46px}h1{font-size:64px}.subtitle{font-size:23px;max-width:29ch}.lead{font-size:19px}.cover{justify-self:center;max-width:264px}.overview,.section-intro,.resources>div{grid-template-columns:1fr;gap:22px}.overview,.companions,.limits{padding-block:40px}.chapters{margin-top:2px}.resources{margin-top:25px}.resources>div{gap:8px;padding-block:20px}.bundle-row{gap:12px}.secondary{width:100%;font-size:17px}.small{font-size:14px}footer{flex-direction:column;gap:20px}.edition{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.contents-line{margin-top:8px;font-size:17px;font-weight:700;color:var(--ink)}
.preview{padding-block:0 62px}.preview h2{max-width:32ch}
.preview-pair{display:grid;grid-template-columns:1fr 1fr;gap:72px;margin:26px 0 0}
.preview-pair>div{border-top:1px solid var(--line);padding-top:18px}
.preview-pair dt{font-size:18px;color:var(--teal-dark)}
.preview-pair dd{margin-top:10px;max-width:48ch}
@media(max-width:800px){.preview-pair{gap:30px}}
@media(max-width:600px){.contents-line{font-size:16px;max-width:28ch}.preview{padding-bottom:40px}.preview-pair{grid-template-columns:1fr;gap:22px}}