:root{--navy:#062f3f;--ink:#123642;--aqua:#38bdb8;--coral:#f36f50;--cream:#fbf8f1;--line:#d8ded9}
html{font-size:17px}body{background:var(--cream);background-image:radial-gradient(circle at 95% 30%,rgba(56,189,184,.055),transparent 24%);font-family:"DM Sans",system-ui,sans-serif;color:#123642}
header{padding-block:17px;background:rgba(251,248,241,.92);backdrop-filter:blur(16px);box-shadow:0 8px 30px rgba(6,47,63,.045)}
.logo span{width:42px;height:42px;background:var(--coral);box-shadow:0 6px 16px rgba(243,111,80,.2)}.logo b{letter-spacing:-.035em}.tool,.cta{background:var(--navy);box-shadow:0 10px 25px rgba(6,47,63,.14)}
.page-hero{position:relative;overflow:hidden;padding:105px max(7vw,24px) 92px;background:var(--navy);background-image:radial-gradient(circle at 84% 18%,rgba(56,189,184,.2),transparent 24%),linear-gradient(115deg,transparent 0 68%,rgba(255,255,255,.035) 68% 69%,transparent 69%);color:#fff}
.page-hero:after{content:"";position:absolute;width:450px;height:450px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-145px;bottom:-285px;box-shadow:0 0 0 58px rgba(255,255,255,.025),0 0 0 116px rgba(255,255,255,.018)}
.page-hero>*{position:relative;z-index:1}.page-hero .eyebrow{color:#70d7d1;font-size:11px;letter-spacing:.2em}.page-hero h1{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(58px,8.5vw,118px);font-weight:400;letter-spacing:-.04em;line-height:.88;margin:.2em 0}.page-hero>p:last-child{color:#c2d6d6;font-size:19px;line-height:1.7}
.facts{position:relative;z-index:2;margin-top:-34px}.facts div{border:1px solid rgba(6,47,63,.09);border-radius:2px 20px 2px 20px;background:#fffdf8;box-shadow:0 18px 45px rgba(5,43,55,.08)}.facts small{color:#718286;font-size:11px}.facts b{font-family:"Manrope",sans-serif}
.directory{gap:18px;max-width:1500px;margin:auto}.card{border:0;border-left:4px solid var(--aqua);border-radius:2px 22px 2px 22px;background:#fffdf8;box-shadow:0 18px 50px rgba(5,43,55,.085)}.card:hover{transform:translateY(-7px);border-color:var(--coral);box-shadow:0 28px 70px rgba(5,43,55,.14)}.card h2{font-family:"Instrument Serif",Georgia,serif;font-size:32px;font-weight:400;letter-spacing:-.025em}.card b{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#0b7f80}.image-card{border-left:0}.image-card img{height:220px;filter:saturate(.92)}
.prose h2{font-family:"Instrument Serif",Georgia,serif;font-size:48px;font-weight:400;letter-spacing:-.03em;line-height:1}.prose h3{font-family:"Manrope",sans-serif}.prose aside,main>aside{border-radius:0 18px 2px 0;background:#f7e9e1}.split .prose{border-radius:2px 22px 2px 22px;background:#fffdf8}.activity-grid article{border-radius:2px 18px 2px 18px;background:#eee8dc}.feature-image img{border-radius:2px 28px 2px 28px}.related a{border-radius:2px 10px 2px 10px;background:#e3f1ed}
footer{position:relative;border-top:8px solid var(--coral);background:#052a38}footer:after{content:"CHOOSE BETTER · SAIL PREPARED";position:absolute;right:3%;bottom:12px;color:rgba(255,255,255,.055);font:800 clamp(22px,4vw,60px) Manrope;letter-spacing:-.04em}
:where(a,input,select,textarea,button):focus-visible{outline:3px solid #ffb095;outline-offset:3px}
small,.source,.feature-image figcaption{font-size:14px;line-height:1.55}.facts small{font-size:12px}.card>span,.activity-grid span,.eyebrow{font-size:13px}.card p,.prose p,.prose li{line-height:1.72}.tool,.cta,header nav a{min-height:44px;display:inline-flex;align-items:center}input,select,textarea,button{min-height:46px}
.activity-grid .activity-source{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;color:#087c7e;font-weight:800;text-decoration:none}.activity-grid .activity-source:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){html{font-size:16.5px}.page-hero{padding:70px 24px 82px}.page-hero h1{font-size:58px}.facts{margin-top:-28px}.card h2{font-size:30px}.prose h2{font-size:40px}footer:after{display:none}}