.ocean-page{background:linear-gradient(180deg,#dff7ef 0,#e9f8fb 45%,#fff5df 100%);color:#174b58}.ocean-hero{min-height:520px;position:relative;display:flex;align-items:center;overflow:hidden}.ocean-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ocean-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,57,70,.95),rgba(4,76,88,.72) 48%,rgba(4,76,88,.12) 82%)}.ocean-hero__copy{position:relative;z-index:2;width:var(--shell);margin:auto;color:#fff}.ocean-hero__copy>span,.board-head span,.song-row span,.dive-sidebar span{font-weight:950;letter-spacing:.1em;font-size:13px;color:#ffe08c}.ocean-hero h1{font:800 clamp(54px,6vw,88px)/.95 Georgia,serif;max-width:800px;margin:12px 0 20px}.ocean-hero p{max-width:700px;font-size:19px;line-height:1.6}.ocean-hero__copy>div{display:flex;gap:12px;margin-top:24px}.ocean-facts{width:var(--shell);margin:-42px auto 0;position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);background:#fffaf0;border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.ocean-facts article{padding:23px;border-right:1px solid #d8e5df}.ocean-facts article:last-child{border:0}.ocean-facts b{display:block;font-size:32px;color:#ef6f72}.ocean-facts span{font-size:14px;line-height:1.4}.ocean-layout{width:var(--shell);margin:52px auto;display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.ocean-board,.dive-sidebar article{background:#fffdf6;border:1px solid #c9ded9;border-radius:22px;box-shadow:0 14px 32px rgba(13,82,91,.11)}.ocean-board{padding:28px}.board-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.board-head span,.song-row span,.dive-sidebar span{color:#d04d62}.board-head h2{font:800 42px/1.05 Georgia,serif;margin:5px 0}.board-head button{border:0;background:#f6dce0;color:#953c4d;border-radius:10px;padding:11px 14px;font-weight:900;cursor:pointer}.site-counter{margin:24px 0;background:#dff3ef;border-radius:16px;padding:20px}.site-counter label{font-weight:950;font-size:18px}.site-counter>div:first-of-type{display:grid;grid-template-columns:1fr 100px;gap:14px;align-items:center;margin:13px 0}.site-counter input{width:100%;accent-color:#168ca0}.site-counter output{font-weight:950;font-size:20px;text-align:right}.progress{height:14px;background:#bddad5;border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#34b5b1,#2b83c0);transition:.2s}.milestone-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.milestone-grid label{display:flex;gap:12px;background:#fff4dc;border:1px solid #ead7b3;border-radius:14px;padding:15px;cursor:pointer}.milestone-grid input{width:21px;height:21px;accent-color:#ef6f72;flex:0 0 auto}.milestone-grid b{display:block;font-size:16px}.milestone-grid small{display:block;color:#617a7d;font-size:14px;line-height:1.45;margin-top:3px}.milestone-grid label:has(input:checked){background:#dff1d8;border-color:#8fb88a}.song-row{margin:20px 0;background:#e6eef9;border-radius:16px;padding:18px;display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center}.song-row h3{font:800 25px Georgia,serif;margin:3px 0}.song-row label{font-weight:850}.song-row select{display:block;margin-top:5px;padding:9px 34px 9px 10px;border:1px solid #b6c8dc;border-radius:9px;background:#fff}.check-inline{display:flex;gap:8px;align-items:center}.check-inline input{width:20px;height:20px}.ocean-notes{font-weight:950;display:block}.ocean-notes textarea{width:100%;margin-top:7px;border:1px solid #bed1cf;border-radius:13px;padding:14px;font:inherit;resize:vertical}.dive-sidebar{display:grid;gap:14px;align-content:start}.dive-sidebar article{padding:22px}.dive-sidebar strong{display:block;font-size:54px;color:#15899a;line-height:1;margin:8px 0}.dive-sidebar p,.dive-sidebar li{font-size:15px;line-height:1.55}.dive-sidebar ul{padding-left:21px}.source-note{background:#fff0d4!important}.ocean-links{width:var(--shell);margin:0 auto 62px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ocean-links a{background:#fffaf0;border:1px solid #d5dfd7;border-radius:17px;padding:20px}.ocean-links b,.ocean-links span{display:block}.ocean-links b{font:800 24px Georgia,serif}.ocean-links span{font-size:14px;color:#5d7478;margin-top:5px}@media(max-width:900px){.ocean-facts{grid-template-columns:1fr 1fr}.ocean-layout{grid-template-columns:1fr}.song-row{grid-template-columns:1fr}.ocean-links{grid-template-columns:1fr}.milestone-grid{grid-template-columns:1fr}}@media(max-width:560px){.ocean-hero{min-height:650px}.ocean-hero__shade{background:linear-gradient(0deg,rgba(4,57,70,.97),rgba(4,76,88,.72))}.ocean-hero h1{font-size:50px}.ocean-hero__copy>div{display:grid}.ocean-facts{grid-template-columns:1fr;margin-top:-20px}.board-head{display:block}.board-head button{margin-top:12px}.ocean-board{padding:18px}.site-counter>div:first-of-type{grid-template-columns:1fr}.site-counter output{text-align:left}}