*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eef5f5;color:#163c35;font:17px/1.7 "Source Sans 3",sans-serif;--primary:#234f43;--surface:#f9fbf8;--font-body:"Source Sans 3",sans-serif;--font-head:"Bitter",serif}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #af6029;outline-offset:4px}.skip{position:absolute;left:16px;top:-80px;padding:12px;background:white;z-index:10}.skip:focus{top:4px}.site-header{max-width:1320px;margin:auto;padding:24px 32px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #aac3bf}.brand{font:700 23px "Bitter",serif;text-decoration:none;display:flex;gap:12px;align-items:center;white-space:nowrap}.mark{font-size:42px;color:#507e8c}nav a,.languages a{display:inline-flex;align-items:center;min-height:44px}.site-header nav{display:flex;gap:20px;flex:1;justify-content:center}.site-header nav a{font-size:16px}.languages{display:flex;gap:12px;font-size:15px}.nav-toggle{display:none}main{max-width:1220px;margin:auto;padding:0 32px}.hero{display:grid;grid-template-columns:1.65fr 1fr;gap:48px;align-items:center;padding:70px 0 56px}.eyebrow{font-size:14px;letter-spacing:.06em}h1,h2,h3{font-family:"Bitter",serif;line-height:1.2;overflow-wrap:anywhere}h1{font-size:clamp(34px,4.5vw,61px);font-weight:500;margin:18px 0 25px}h2{font-size:30px;font-weight:500;scroll-margin-top:24px}.lead{max-width:720px;font-size:20px}.cta{display:inline-flex;gap:35px;align-items:center;background:#234f43;color:#fff;padding:13px 24px;text-decoration:none;min-height:48px;margin-top:20px}.lake-panel{background:#dcecee;border:1px solid #bad1d5;padding:25px 28px 32px;transform:translateY(22px);border-radius:100px 0 0 0}.lake-panel svg{display:block;width:100%}.lake-panel p{font:25px "Bitter",serif}.lake-panel small{font-size:16px}.reading{display:grid;grid-template-columns:250px minmax(0,1fr);gap:60px;padding:60px 0}.toc{border-top:3px solid #507e8c;font-size:16px}.toc p{font-weight:700}.toc a{display:block;padding:9px 0;min-height:44px}article{max-width:770px}article section{margin-bottom:44px}article p{margin-top:12px}details{border-bottom:1px solid #bed0ca;padding:16px 0}summary{cursor:pointer;min-height:44px;display:list-item;font-weight:600}details p{padding:0 14px}.related{padding:20px 0 65px;border-top:1px solid #b1c9c4}.related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.related a{background:#e0ece7;padding:24px;text-decoration:none;border-left:3px solid #507e8c}.related strong,.related span{display:block}.related span{font-size:16px;margin-top:10px}footer{background:#173d34;color:#f2f8f5;padding:48px max(32px,calc((100vw - 1156px)/2))}.footer-grid{display:grid;grid-template-columns:1fr 2fr;gap:40px}footer nav{display:flex;flex-wrap:wrap;gap:8px 24px}footer p{max-width:850px;font-size:16px}footer small{font-size:15px}.breadcrumbs{padding-top:24px;font-size:15px}.notfound{min-height:55vh;padding-top:50px;padding-bottom:70px}.table-wrap{overflow:auto}#play{scroll-margin-top:20px} @media(max-width:980px){.site-header{flex-wrap:wrap;gap:12px;padding:15px 22px}.nav-toggle{display:block;margin-left:auto;background:#234f43;color:white;border:0;min-height:44px;padding:7px 15px}.site-header nav{display:none;order:4;flex-basis:100%;flex-direction:column;gap:0}.nav-open nav{display:flex}.languages{flex-basis:100%}.hero{gap:25px;grid-template-columns:1.5fr 1fr}.reading{grid-template-columns:190px minmax(0,1fr);gap:30px}.related>div{grid-template-columns:1fr 1fr}}@media(max-width:640px){main{padding:0 20px}.hero{display:block;padding:35px 0}.lake-panel{margin-top:25px;transform:none;padding:18px 24px;border-radius:70px 0 0 0}.lake-panel svg{height:130px}.lake-panel p{margin:10px 0}.reading{display:block;padding:35px 0}.toc{margin-bottom:35px}.related>div{grid-template-columns:1fr}.footer-grid{display:block}.footer-grid nav{margin-top:20px}.lead{font-size:18px}h2{font-size:27px}.brand{font-size:20px}.site-header{padding:12px 20px}footer{padding:35px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}@media(max-width:360px){main{padding-left:10px;padding-right:10px}}
