*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#073f68;background:#f4f8fa}a{color:inherit;text-decoration:none}.container{max-width:1180px;margin:auto;padding-left:22px;padding-right:22px}header{position:sticky;top:0;z-index:50;background:rgba(4,46,75,.94);color:#fff;backdrop-filter:blur(10px)}.nav{min-height:72px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:8px;font-size:14px;line-height:.85;letter-spacing:2px}.brand .wave{font-size:30px}.nav nav{display:flex;gap:20px;margin-left:auto}.nav nav a{font-size:13px;font-weight:700;opacity:.92}.nav button,.cta,.amazon{border:0;border-radius:999px;padding:12px 18px;font-weight:800;cursor:pointer;background:#fff;color:#073f68}.hero{min-height:680px;display:flex;align-items:center;position:relative;overflow:hidden;background:#0b6684}.hero:before,.hero:after{content:none}.hero:before{background:linear-gradient(90deg,rgba(3,45,72,.75),rgba(3,45,72,.16));opacity:1;z-index:1}.hero:after{background-image:linear-gradient(90deg,rgba(3,45,72,.75),rgba(3,45,72,.16)),url('https://images.unsplash.com/photo-1510414842594-a61c69b5ae57?auto=format&fit=crop&w=2000&q=85');opacity:0}.hero-content{position:relative;z-index:2;color:#fff;padding-top:100px;padding-bottom:100px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:900}.hero h1{font-size:clamp(46px,7vw,86px);line-height:.95;margin:18px 0}.hero-copy{max-width:620px;font-size:20px;line-height:1.55}.cta{display:inline-block;margin-top:20px}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding-top:35px;padding-bottom:35px}.categories>a{background:#fff;border-radius:18px;padding:18px;border:1px solid #d8e7ed;box-shadow:0 10px 30px #073f6812;transition:.2s}.categories>a:hover{transform:translateY(-4px)}.categories b{font-size:34px}.categories h3{margin:10px 0 4px;font-size:16px}.categories p{margin:0;color:#70828a;font-size:12px}.section{padding:75px 0}.section.white{background:#fff}.sectionhead{display:flex;justify-content:space-between;gap:30px}.eyebrow.dark{color:#0d7c9f}.section h2,.feature h2{font-size:42px;line-height:1.05;margin:10px 0 15px}.intro{max-width:720px;color:#667983;line-height:1.7}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.tab{border:1px solid #c7d9e0;background:#fff;border-radius:999px;padding:10px 13px;color:#073f68;font-weight:800;cursor:pointer}.tab.active{background:#073f68;color:#fff}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid #dbe8ed;border-radius:18px;padding:18px;position:relative;box-shadow:0 8px 25px #073f680b}.num{font-weight:900;font-size:13px}.pic{height:150px;border-radius:13px;margin:12px 0;background:linear-gradient(135deg,#73d5e2,#dff5f2);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:#fff;text-shadow:0 1px 5px #073f6888}.badge{font-size:10px;border:1px solid #b7d1da;border-radius:999px;padding:5px 8px}.card h3{font-size:16px;line-height:1.3}.price{font-size:20px;font-weight:900;margin:12px 0}.amazon{display:inline-block;background:#f2c94c;padding:10px 13px;font-size:12px}.source-note{font-size:12px;color:#71838c;margin-top:22px;line-height:1.5}.compat{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.compat article{border:1px solid #dbe8ed;border-radius:15px;padding:20px;background:#f9fcfd}.linkline{display:flex;gap:10px;align-items:center}.linkline span{font-size:22px}.compat p,.mini p{color:#667983;line-height:1.5}.compat a,.mini a{font-weight:900;font-size:12px}.accessory-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.mini{background:#fff;border:1px solid #dbe8ed;border-radius:15px;padding:15px}.mini span{font-size:11px}.feature{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center;padding-top:70px;padding-bottom:70px}.photo{min-height:420px;border-radius:24px;overflow:hidden;background:#dff1f3}.cta.dark{background:#073f68;color:#fff}.guidegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.guidegrid article{background:#f5fafc;border:1px solid #dbe8ed;border-radius:15px;padding:20px}.guidegrid span{font-weight:900;color:#0d7c9f}.guidegrid h3{font-size:17px}.guidegrid p{color:#667983;line-height:1.5}.relatedgrid-home{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.category-link{background:#f5fafc;border:1px solid #dbe8ed;border-radius:14px;padding:16px}.category-link b{display:block}.category-link span{font-size:12px;color:#667983}.newsletter{background:linear-gradient(115deg,#053c5f,#0c7594);color:#fff;padding:70px 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:70px;padding-bottom:70px}.about>p{color:#667983;line-height:1.7}footer{background:#052e48;color:#fff;padding:25px 0}.editing .editable{outline:2px dashed #f2c94c;outline-offset:4px}.editbar{display:none;background:#fff1b8;color:#573f00;padding:10px}.editbar.show{display:block}.editinner{display:flex;justify-content:space-between;align-items:center}.editbar button{margin-left:8px;border:0;border-radius:8px;padding:7px 12px;font-weight:800}@media(max-width:1100px){.nav nav{display:none}.categories{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.compat{grid-template-columns:1fr}.accessory-grid{grid-template-columns:repeat(2,1fr)}.guidegrid{grid-template-columns:repeat(2,1fr)}.relatedgrid-home{grid-template-columns:repeat(2,1fr)}.feature,.about{grid-template-columns:1fr}}@media(max-width:560px){.hero{min-height:620px}.hero h1{font-size:52px}.categories,.grid,.accessory-grid,.guidegrid,.relatedgrid-home{grid-template-columns:1fr}.section{padding:55px 0}.section h2,.feature h2{font-size:34px}.feature .photo{min-height:300px}.nav{min-height:62px}.nav button{margin-left:auto;font-size:11px;padding:9px 12px}}
/* Coordinated marine line icons for category cards */
.category-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#e8f8f8,#d9eef2);color:#087b91;box-shadow:inset 0 0 0 1px #c8e6e9}
.category-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.categories>a:hover .category-icon{background:linear-gradient(145deg,#d4f2f1,#bde5ea);color:#04536d}
/* Animated sea layer in the beach hero */
.sea-motion{position:absolute;z-index:1;left:0;right:0;bottom:-1px;height:58%;overflow:hidden;pointer-events:none;opacity:.88}
.sea-motion svg{display:block;width:200%;height:100%;animation:sea-drift 22s linear infinite}
.sea-motion .wave{stroke:none}
.sea-motion .wave-back{fill:#5bc6d0;opacity:.16}
.sea-motion .wave-mid{fill:#27aabb;opacity:.22}
.sea-motion .wave-front{fill:#087f9e;opacity:.27}
@keyframes sea-drift{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.sea-motion svg{animation:none;transform:translateX(-25%)}}
.language-picker select{border:1px solid #ffffff66;border-radius:999px;background:#fff;color:#073f68;padding:10px 28px 10px 13px;font:700 12px Inter,Arial,sans-serif;cursor:pointer}.language-picker{display:flex;align-items:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1100px){.language-picker{margin-left:auto}.nav button{font-size:11px;padding:9px 12px}.nav{gap:10px}}
.guidegrid{grid-template-columns:repeat(3,minmax(0,1fr))}.guidegrid article{display:flex;flex-direction:column;align-items:flex-start}.guidegrid article h3{margin:12px 0 8px}.guidegrid article p{flex:1;margin:0 0 15px}.guidegrid article>a{font-size:12px;font-weight:900;color:#087b91}.guidegrid .guide-read{color:#073f68;margin-bottom:9px;border-bottom:1px solid #a9dce3;padding-bottom:8px;width:100%}.guidegrid .guide-read:hover{color:#0b99ad}@media(max-width:1100px){.guidegrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.guidegrid{grid-template-columns:1fr}}
html[dir="rtl"] .nav nav{margin-left:0;margin-right:auto}html[dir="rtl"] .guidegrid article{align-items:flex-start}html[dir="rtl"] .language-picker select{padding:10px 13px 10px 28px}
.cursor-water-layer{position:fixed;inset:0;z-index:100;overflow:hidden;pointer-events:none}.cursor-bubble{position:absolute;border:1.5px solid rgba(113,213,226,.92);border-radius:50%;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.92),rgba(154,229,235,.28) 38%,rgba(44,161,183,.12) 68%);box-shadow:0 0 10px rgba(45,175,197,.3);transform:translate(-50%,-50%);animation:cursor-bubble-rise .75s ease-out var(--delay) forwards}@keyframes cursor-bubble-rise{0%{opacity:.9;transform:translate(-50%,-50%) scale(.45)}65%{opacity:.45}100%{opacity:0;transform:translate(calc(-50% + var(--drift)),calc(-50% - 38px)) scale(1.25)}}
.catalog-status{margin:-10px 0 22px;padding:12px 14px;border:1px solid #e2bd69;border-radius:12px;background:#fff9e9;color:#715516;font-size:13px;line-height:1.45}.catalog-status.is-verified{border-color:#99d7c4;background:#effaf6;color:#12624d}.comparison{margin-top:28px}.comparison-pending{display:flex;flex-direction:column;gap:5px;padding:18px;border:1px dashed #b9cdd5;border-radius:16px;background:#f8fbfc;color:#56717d}.comparison-pending b{color:#073f68}.comparison-head{margin-bottom:14px}.comparison-head .eyebrow{margin:0;color:#0d7c9f}.comparison-head h3{font-size:25px;margin:6px 0}.comparison-head p:not(.eyebrow){margin:0;color:#667983}.comparison-scroll{overflow-x:auto;border:1px solid #dbe8ed;border-radius:16px;background:#fff}.comparison table{width:100%;min-width:720px;border-collapse:collapse;text-align:left}.comparison th,.comparison td{padding:14px 16px;border-bottom:1px solid #e5eef2;vertical-align:top;font-size:13px;line-height:1.45}.comparison th{background:#f3fafc;color:#0b6983;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.comparison tbody tr:last-child td{border-bottom:0}.comparison td:first-child{font-weight:900;color:#0b6983;white-space:nowrap}.comparison td:nth-child(2){font-weight:800}.comparison td:nth-child(2) a{text-decoration:underline;text-decoration-color:#91cbd7;text-underline-offset:3px}.comparison td:last-child{font-weight:900;white-space:nowrap}
html[dir="rtl"] .comparison table{text-align:right}
@media(max-width:560px){.catalog-status{margin-top:-2px}.comparison-head h3{font-size:22px}}
.contacts{background:linear-gradient(118deg,#e8f6f6,#f9fcfd);border-top:1px solid #d6e9ee;border-bottom:1px solid #d6e9ee}.contacts-inner{display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(250px,330px);align-items:center;gap:30px}.contacts h2{font-size:42px;line-height:1.05;margin:10px 0 12px}.contacts p:not(.eyebrow){max-width:620px;margin:0;color:#667983;line-height:1.65}.contact-logo{display:block;width:190px;height:143px;object-fit:contain;border-radius:16px;background:#fff;box-shadow:0 12px 28px #073f6817}.contact-email{display:flex;flex-direction:column;gap:4px;min-width:0;padding:19px 22px;border-radius:17px;background:#073f68;color:#fff;box-shadow:0 14px 30px #073f6824;transition:transform .2s,background .2s}.contact-email:hover{transform:translateY(-3px);background:#0c7594}.contact-email span{font-size:12px;font-weight:800;opacity:.78}.contact-email b{font-size:18px;overflow-wrap:anywhere}@media(max-width:1100px){.contacts-inner{grid-template-columns:minmax(0,1fr) 150px}.contact-logo{width:150px;height:113px}.contact-email{grid-column:1/-1}}@media(max-width:560px){.contacts-inner{grid-template-columns:1fr}.contacts h2{font-size:34px}.contact-logo{width:170px;height:128px}.contact-email{grid-column:auto}}
.hero-content,.sea-motion{isolation:isolate}@media(prefers-reduced-motion:reduce){.hero-slide{transition:none;transform:none!important}}
.mobile-menu-toggle,.mobile-menu{display:none}@media(min-width:1101px){.mobile-menu{display:none!important}}@media(max-width:1100px){.nav{min-height:64px;padding-left:16px;padding-right:16px;gap:10px}.nav nav{display:none}.brand{font-size:13px}.brand .wave{font-size:26px}.language-picker{margin-left:auto}.language-picker select{padding:9px 24px 9px 11px;font-size:11px}.nav #editToggle{display:none}.mobile-menu-toggle{width:42px;height:42px;display:grid;place-content:center;gap:4px;border:1px solid #ffffff70;border-radius:13px;background:#0d6382;color:#fff;cursor:pointer}.mobile-menu-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}.mobile-menu-open .mobile-menu-toggle span:first-child{transform:translateY(6px) rotate(45deg)}.mobile-menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}.mobile-menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-menu{position:fixed;z-index:49;top:72px;left:12px;right:12px;display:block;border:1px solid #bfe1e7;border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 18px 45px #063b6144;overflow:hidden;transform:translateY(-10px);opacity:0;transition:transform .22s ease,opacity .22s ease}.mobile-menu.is-open{transform:translateY(0);opacity:1}.mobile-menu nav{display:grid;grid-template-columns:1fr 1fr}.mobile-menu a{padding:17px;border-bottom:1px solid #dcecf0;color:#073f68;font-weight:850;font-size:14px}.mobile-menu a:nth-child(odd){border-right:1px solid #dcecf0}.mobile-menu a:nth-last-child(-n+2){border-bottom:0}.mobile-menu-open{overflow:hidden}.hero{min-height:570px;align-items:flex-end}.hero-content{padding-top:95px;padding-bottom:68px}.hero h1{font-size:clamp(46px,13vw,68px);letter-spacing:-1.5px}.hero-copy{font-size:17px;line-height:1.5}.cta{padding:13px 17px}.categories{gap:10px;padding-top:22px;padding-bottom:22px}.categories>a{padding:16px}.section{padding-top:52px;padding-bottom:52px}.tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;margin:22px -22px;padding:0 22px 5px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.tab{flex:0 0 auto;scroll-snap-align:start}.grid{grid-template-columns:1fr}.card{padding:16px}.pic{height:125px}.source-note{font-size:11px}.guidegrid article{padding:17px}.newsletter{padding-top:54px;padding-bottom:54px}}@media(max-width:560px){.mobile-menu{top:64px;left:8px;right:8px}.mobile-menu nav{grid-template-columns:1fr}.mobile-menu a,.mobile-menu a:nth-child(odd){border-right:0}.mobile-menu a:nth-last-child(2){border-bottom:1px solid #dcecf0}.hero{min-height:540px}.hero-content{padding-bottom:56px}.category-icon{width:50px;height:50px}.category-icon svg{width:33px;height:33px}}
.ranking-updated{margin:-13px 0 20px;color:#6d818a;font-size:12px;font-weight:700}.card-tools{position:absolute;z-index:3;right:15px;top:14px;display:flex;gap:7px;align-items:center}.favorite-button,.compare-button,.compare-clear{border:1px solid #b8d3dc;background:#fff;color:#073f68;font:800 11px Inter,Arial,sans-serif;cursor:pointer}.favorite-button{width:31px;height:31px;border-radius:50%;font-size:18px;line-height:1}.favorite-button:hover,.favorite-button.is-saved{background:#e85e76;border-color:#e85e76;color:#fff}.compare-button{padding:8px 10px;border-radius:999px}.compare-button:hover,.compare-button.is-selected{background:#087b91;border-color:#087b91;color:#fff}.card.is-compared{border:2px solid #0b98ac;box-shadow:0 12px 30px #087b9122}.pic img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.product-compare{margin-top:24px}.product-compare-empty{display:flex;flex-direction:column;gap:5px;padding:16px 18px;border:1px dashed #b9cdd5;border-radius:16px;background:#f8fbfc;color:#627985}.product-compare-empty b{color:#073f68}.product-compare-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.product-compare-head .eyebrow{margin:0 0 5px}.product-compare-head p:last-child{margin:0;color:#667983;font-size:13px}.compare-clear{padding:9px 12px;border-radius:10px}.product-compare-scroll{overflow-x:auto;border:1px solid #dbe8ed;border-radius:16px;background:#fff}.product-compare-scroll table{width:100%;min-width:680px;border-collapse:collapse;text-align:left}.product-compare-scroll th,.product-compare-scroll td{padding:13px 15px;border-bottom:1px solid #e5eef2;vertical-align:top;font-size:13px;line-height:1.45}.product-compare-scroll thead th{background:#073f68;color:#fff;min-width:180px}.product-compare-scroll tbody th{width:130px;background:#f3fafc;color:#0b6983;font-size:11px;letter-spacing:.4px;text-transform:uppercase}.product-compare-scroll tr:last-child>*{border-bottom:0}.favorites-section{background:#fff}.favorite-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.favorites-empty{grid-column:1/-1;padding:18px;border:1px dashed #b9cdd5;border-radius:15px;color:#627985;background:#f8fbfc}.favorite-card{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;padding:16px;border:1px solid #dbe8ed;border-radius:16px;background:#f9fcfd}.favorite-card>img{width:68px;height:68px;object-fit:cover;border-radius:12px}.favorite-card span{display:block;font-size:11px;font-weight:900;color:#0b7892}.favorite-card h3{margin:5px 0;font-size:15px;line-height:1.3}.favorite-card b{font-size:15px}.favorite-card-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px}.favorite-card-actions a{font-size:12px;font-weight:900;color:#087b91}.favorite-card-actions button{border:0;background:transparent;color:#ba4057;font:800 12px Inter,Arial,sans-serif;cursor:pointer}.kits-section{background:linear-gradient(125deg,#eaf7f7,#f8fcfd)}.kit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.kit-grid article{padding:22px;border:1px solid #d4e8ec;border-radius:18px;background:#fff;box-shadow:0 10px 26px #073f680b}.kit-grid span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#dff4f3;font-size:25px}.kit-grid h3{margin:14px 0 7px;font-size:19px}.kit-grid p{margin:0 0 18px;color:#667983;line-height:1.5}.kit-grid a{font-size:12px;font-weight:900;color:#087b91}@media(max-width:1100px){.favorite-grid,.kit-grid{grid-template-columns:1fr 1fr}.product-compare-head{align-items:flex-start;flex-direction:column}.card-tools{right:13px;top:13px}}@media(max-width:560px){.favorite-grid,.kit-grid{grid-template-columns:1fr}.favorite-card{grid-template-columns:auto 1fr}.product-compare-scroll{margin-left:-4px;margin-right:-4px}.product-compare-scroll th,.product-compare-scroll td{padding:12px}.card-tools{position:static;justify-content:flex-end;margin-bottom:8px}.num{margin-top:-36px}}
.about p:not(.eyebrow){color:#667983;line-height:1.7;margin:0 0 18px}.about-link{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid #b7d9e1;border-radius:999px;color:#087b91;font-size:13px;font-weight:900;transition:transform .2s,background .2s}.about-link:hover{transform:translateY(-2px);background:#e9f7f8}
.kit-option{position:relative;display:flex;min-height:280px;flex-direction:column;align-items:flex-start;padding:22px!important;background:linear-gradient(145deg,#f8fdfe,#eaf7f8)!important;box-shadow:0 12px 28px #073f6810}.kit-option-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#d8f1f0;font-size:25px}.kit-option h3{margin:14px 0 7px;font-size:19px}.kit-option p{margin:0;color:#5e747f;line-height:1.5}.kit-option ul{margin:16px 0;padding-left:18px;color:#0a617d;font-size:13px;line-height:1.7;font-weight:700}.kit-option button{margin-top:auto;border:0;border-radius:999px;padding:11px 14px;background:#073f68;color:#fff;font:800 12px Inter,Arial,sans-serif;cursor:pointer}.kit-option button:hover{background:#0b7892}.kit-details:empty{display:none}.kit-details{margin-top:16px}.kit-details-card{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px;border:1px solid #b9dce3;border-radius:18px;background:#eaf8f8}.kit-details-card h3{margin:6px 0 8px;font-size:24px}.kit-details-card p{margin:0;color:#58727e;line-height:1.5}.kit-parts{display:grid;gap:9px}.kit-parts button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:1px solid #b9dce3;border-radius:12px;padding:12px 14px;background:#fff;color:#073f68;text-align:left;font:800 13px Inter,Arial,sans-serif;cursor:pointer}.kit-parts button:hover{border-color:#0b7892;background:#f6feff}.kit-parts span{color:#087b91;font-size:12px}@media(max-width:700px){.kit-option{min-height:auto}.kit-details-card{grid-template-columns:1fr}.kit-details-card h3{font-size:21px}}

/* Product images precede price in the selected-product comparison. */
.product-compare-scroll .compare-image-row td{padding:18px 15px;vertical-align:middle;text-align:center}.compare-product-image{display:flex;align-items:center;justify-content:center;min-height:160px;max-width:240px;margin:0 auto}.compare-product-image img{display:block;width:100%;height:160px;object-fit:contain;border-radius:10px}.compare-product-image img[hidden],.compare-image-unavailable[hidden]{display:none}.compare-image-unavailable{color:#627985;font-size:12px;line-height:1.5}@media(max-width:560px){.product-compare-scroll .compare-image-row td{padding:12px}.compare-product-image{min-height:120px}.compare-product-image img{height:120px}}

/* Instagram contact: linked original QR artwork, with room for camera scanning. */
.contacts-inner{grid-template-columns:minmax(0,1fr) 190px 300px;grid-template-areas:"copy logo instagram" "email email instagram";column-gap:28px;row-gap:22px}.contacts-inner .contact-copy{grid-area:copy}.contacts-inner .contact-logo{grid-area:logo}.contacts-inner .contact-email{grid-area:email;width:100%;max-width:440px}.contact-instagram{grid-area:instagram;width:100%;max-width:320px;padding:16px;border:1px solid #d6e9ee;border-radius:20px;background:#fff;box-shadow:0 12px 28px #073f6812}.contact-instagram-link{display:flex;flex-direction:column;gap:6px;text-align:center;border-radius:12px}.contact-instagram-link>span{color:#0b7892;font-size:13px;font-weight:800}.contact-instagram-link>strong{font-size:20px}.contact-instagram-link:focus-visible{outline:3px solid #087b91;outline-offset:5px}.contact-instagram-qr{display:block;width:100%;height:auto;object-fit:contain;margin-top:8px}.contacts p.contact-instagram-hint{max-width:none;margin:12px 0 0;font-size:12px;line-height:1.5;text-align:center;color:#526e7b}@media(max-width:1100px){.contacts-inner{grid-template-columns:minmax(0,1fr) 280px;grid-template-areas:"copy instagram" "logo instagram" "email instagram";column-gap:24px}}@media(max-width:560px){.contacts-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "logo" "email" "instagram"}.contact-instagram{justify-self:start}.contacts-inner .contact-email{max-width:none}}

/* Performance: visible media first, responsive photos, no offscreen animation. */
.hero-cover{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;z-index:0}.hero-cover>img{display:block;width:100%;height:100%;object-fit:cover}.hero-cover-next{opacity:0;transition:opacity .9s ease}.hero-cover-next.is-visible{opacity:1}.hero-motion-paused .sea-motion svg{animation-play-state:paused}.hero-content{z-index:2}.photo>img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover}.contact-logo{aspect-ratio:384/293}.guide-hero img{aspect-ratio:16/10}@media(max-width:1100px){.photo>img{min-height:300px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-cover-next{transition:none}.sea-motion svg{animation:none}}@media(pointer:coarse){.sea-motion svg{animation:none}.nav{backdrop-filter:none}}
.contacts-inner .contact-logo-picture{grid-area:logo;display:block;width:max-content;max-width:100%}@media(pointer:coarse){header{backdrop-filter:none}}
.hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(3,45,72,.75),rgba(3,45,72,.16))}#editbar{display:none}#editbar.show{display:block}

/* A closed mobile menu must not intercept taps. */
.mobile-menu[hidden]{display:none!important}

/* Publication review: readable secondary text and stable category illustrations. */
[hidden]{display:none!important}.category-tag{color:#08738a}.intro,.ranking-updated{color:#526e7b}.guide-illustration{display:grid;place-items:center;min-height:280px;border-radius:24px;background:linear-gradient(145deg,#d8eff1,#eff9fa);border:1px solid #c4e3e7}.guide-illustration svg{width:160px;height:160px;max-width:70%;fill:none;stroke:#08738a;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav nav a{white-space:nowrap}.nav{gap:20px}.nav nav{gap:16px}.newsletter a{margin-top:8px}
.guide-body .category-tag{color:#08738a}
.mobile-menu{max-height:calc(100vh - 88px);max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain}
