/* Coastal weather log: shell, porthole and deck shapes share a quiet blue palette. */
body[data-template="ocean"]{--sea:#237f9e;--deep:#164c65;--foam:#eaf8fa;--sand:#f2ebdb;--ink:#203e51;--muted:#526977;--wave-speed:14s;--bubble-speed:18s;--bubble-count:8;background:linear-gradient(160deg,#edf9fb,#e1eff5 55%,#f1f7f8);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:15px;line-height:1.75}
body[data-template="ocean"] .site-shell{max-width:1400px;margin:auto;padding:0 44px 40px;position:relative;z-index:1}
body[data-template="ocean"] .topbar{height:auto;min-height:96px;gap:18px;border-bottom:1px solid #b6d6e0}
body[data-template="ocean"] .brand{font-size:25px;font-weight:800;color:var(--deep)}
body[data-template="ocean"] .brand-mark{background:#d0eaf1;border:1px solid #96c6d6;border-radius:50%;color:var(--sea)}
body[data-template="ocean"] :is(.search-wrap input,.icon-button,.header-directory-link,.change-home-city){background:#f8fdff;color:var(--ink);border:1px solid #aecedc;border-radius:22px;box-shadow:none}
body[data-template="ocean"] :is(.search-results,.home-city-picker){background:#f8fdff;color:var(--ink);border:1px solid #aecedc;border-radius:20px;box-shadow:0 15px 35px #124b641c;z-index:80}
body[data-template="ocean"] :is(.search-result,.home-city-option,.home-city-picker button,.home-city-picker input){background:#f8fdff;color:var(--ink)}
body[data-template="ocean"] :is(.search-result:hover,.home-city-option:hover){background:#dceff4}
body[data-template="ocean"] :is(.intro-line,.weather-breadcrumbs,.section-note,.place-source){color:var(--muted);font-size:14px}
body[data-template="ocean"] :is(.eyebrow,.section-eyebrow,.trip-eyebrow){color:#357d92;font-size:12px;letter-spacing:1px}
body[data-template="ocean"] .page-title{color:var(--deep);font-size:clamp(28px,3vw,40px);margin:24px 0 20px;font-weight:700}
body[data-template="ocean"] #hero{height:auto;min-height:415px;background:#f5fbfc!important;border:1px solid #94c3d4;border-radius:36px 100px 36px 36px;box-shadow:0 16px 40px #1c6c8710;overflow:visible;margin-bottom:35px}
body[data-template="ocean"] #hero :is(.hero-photo,.hero-shade,.hero-watermark){display:none}
body[data-template="ocean"] #hero .hero-content{position:relative;z-index:5;padding:28px 34px 0;min-height:415px;color:var(--ink)}
body[data-template="ocean"] #hero :is(.hero-top,.hero-main){width:61%}
body[data-template="ocean"] #hero .hero-main{min-height:228px;align-items:center;padding:10px 0}
body[data-template="ocean"] #hero .hero-copy{max-width:100%;width:100%}
body[data-template="ocean"] #hero .hero-copy{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 22px;align-items:center}
body[data-template="ocean"] #hero .hero-kicker{grid-column:1/-1}
body[data-template="ocean"] #hero .temperature{grid-column:1;grid-row:2}
body[data-template="ocean"] #hero .condition-line{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
body[data-template="ocean"] #hero .weather-advice{grid-column:1/-1}
body[data-template="ocean"] #hero .place{color:var(--deep);font-size:23px;font-weight:750}
body[data-template="ocean"] #hero :is(.local-time,.hero-kicker,.hero-fact,.updated-at){color:#466575;text-shadow:none;font-size:14px}
body[data-template="ocean"] #hero .temperature{color:#216b89;font:500 clamp(88px,10vw,138px)/1.05 Georgia,serif;letter-spacing:-5px}
body[data-template="ocean"] #hero .degree{font-size:.42em;color:#388da4}
body[data-template="ocean"] #hero .condition-line{color:var(--deep);font-size:24px}
body[data-template="ocean"] #hero .weather-advice{color:#466575;font-size:15px;line-height:1.8;max-width:95%}
body[data-template="ocean"] #hero .hero-bottom{margin:15px -34px 0;padding:17px 27px;background:#deeff4;border-top:1px solid #aacdd9;border-radius:0 0 36px 36px;display:flex;flex-wrap:wrap;gap:14px}
body[data-template="ocean"] #hero .hero-facts{display:flex;gap:12px 22px;flex-wrap:wrap}
body[data-template="ocean"] #hero :is(.hero-fact strong,.hero-fact svg,.place svg){color:var(--deep)}
body[data-template="ocean"] #hero .weather-maker-stage{left:auto!important;right:27px!important;top:28px!important;bottom:105px!important;width:31%!important;height:auto!important;border:6px solid #b9d8e1;border-radius:50% 50% 38% 38%!important;clip-path:none!important;background:#bedfeb!important;overflow:hidden;box-shadow:0 0 0 1px #79acbe,inset 0 0 20px #2a719525}
body[data-template="ocean"] #hero .weather-maker-horizon{display:none}
body[data-template="ocean"] #hero .weather-maker-sun{background:#f3dfaa!important;box-shadow:0 0 0 13px #f4e3b238,0 0 40px #f6ebc977}
body[data-template="ocean"] #hero[data-weather-day="0"] .weather-maker-stage{background:#254c65!important}
body[data-template="ocean"] #hero[data-weather-day="0"] .weather-maker-sun{background:#e6edf3!important;box-shadow:inset -20px 7px #254c65,0 0 40px #d9e7f022}
body[data-template="ocean"] #hero[data-weather-scene="rain"] .weather-maker-stage{background:#91b8cb!important}
body[data-template="ocean"] .ocean-landscape{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:4}
body[data-template="ocean"] .ocean-wave{position:absolute;left:-15%;right:-15%;bottom:-12%;height:43%;border-radius:45% 55% 0 0;background:#3b99b4;opacity:.8;transform-origin:bottom;animation:o-wave var(--wave-speed) ease-in-out infinite}
body[data-template="ocean"] .ocean-wave.back{bottom:2%;height:27%;background:#79bed0;animation-delay:-6s;opacity:.7;border-top:3px solid #d3f3f5}
body[data-template="ocean"] .ocean-wave:after{content:"";position:absolute;left:0;right:0;top:20%;height:1px;background:#c7edf377;box-shadow:0 15px #c7edf355,0 35px #c7edf344}
body[data-template="ocean"] .ocean-bubble{position:absolute;left:calc(var(--i)*12% + 6%);bottom:-25px;width:calc(8px + var(--i)*2px);height:calc(8px + var(--i)*2px);border:1px solid #fff9;border-radius:50%;opacity:0;animation:o-bubble var(--bubble-speed) linear infinite;animation-delay:calc(var(--i)*-2.4s);box-shadow:inset 2px 2px 3px #fff5}
body[data-template="ocean"] .ocean-shell{position:absolute;bottom:5%;right:13%;width:54px;height:39px;background:repeating-conic-gradient(from -70deg at 50% 100%,#e8e0c7 0 9deg,#c7bfa6 10deg 12deg);border-radius:50% 50% 10% 10%;clip-path:polygon(0 45%,15% 15%,35% 0,65% 0,85% 15%,100% 45%,90% 80%,60% 100%,40% 100%,10% 80%);opacity:.8}
body[data-template="ocean"] .ocean-backdrop{position:fixed;inset:auto -10% -140px;height:230px;z-index:0;pointer-events:none;border-radius:50% 50% 0 0;background:#96c8d52a;animation:o-wave 25s ease-in-out infinite}
body[data-template="ocean"] .ocean-icon{position:relative;display:inline-block;width:40px;height:36px;vertical-align:middle}
body[data-template="ocean"] .ocean-icon b{position:absolute;left:10px;top:6px;width:22px;height:22px;border-radius:50%;background:#e6c471;box-shadow:0 0 0 4px #e9d9a866}
body[data-template="ocean"] .ocean-icon i{position:absolute;left:4px;bottom:1px;width:31px;height:9px;border-top:2px solid #3c9cb4;border-radius:50%;rotate:-4deg}
body[data-template="ocean"] .ocean-moon b{background:#6e95ad;box-shadow:inset -8px -2px #f5fbfc}
body[data-template="ocean"] :is(.ocean-cloudy,.ocean-rain,.ocean-snow,.ocean-storm) b{left:3px;top:14px;width:32px;height:14px;border-radius:18px;background:#81a9bb;box-shadow:8px -7px 0 -2px #81a9bb}
body[data-template="ocean"] :is(.ocean-rain,.ocean-snow) i{left:17px;top:27px;width:5px;height:7px;border:0;border-radius:50% 0 50% 50%;background:#4284a0;animation:o-drop 2s ease-in infinite}
body[data-template="ocean"] .ocean-snow i{background:#7d9dac;border-radius:50%}
body[data-template="ocean"] .ocean-storm i{left:16px;top:24px;width:11px;height:13px;background:#bf9449;border:0;border-radius:0;clip-path:polygon(50% 0,100% 0,60% 40%,100% 40%,0 100%,40% 50%,0 50%)}
body[data-template="ocean"] :is(.forecast-section,.popular-section,.city-attractions,.attraction-section){padding-top:32px;margin-top:14px}
body[data-template="ocean"] .section-head{align-items:center;gap:18px;margin-bottom:20px}
body[data-template="ocean"] .section-head h2{color:var(--deep);font-size:26px;font-weight:700}
body[data-template="ocean"] .ocean-chart{background:#ffffffbc;border:1px solid #adcfdc;border-radius:45px 45px 14px 14px;padding:18px 16px 7px;margin-bottom:15px;backdrop-filter:blur(8px)}
body[data-template="ocean"] .ocean-chart svg{display:block;width:100%;height:180px}
body[data-template="ocean"] .ocean-chart path{fill:none;stroke:#328aaa;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;animation:o-grow 1s ease-out}
body[data-template="ocean"] .ocean-chart .chart-foam{fill:#afd9e4;stroke:none}
body[data-template="ocean"] .ocean-chart circle{fill:#f8fdff;stroke:#328aaa;stroke-width:2}
body[data-template="ocean"] .ocean-chart text{fill:#335b70;font:14px "Microsoft YaHei",sans-serif}
body[data-template="ocean"] .hourly-list{display:flex;min-width:0;gap:10px;background:transparent}
body[data-template="ocean"] .hourly-scroll{padding:0 0 10px}
body[data-template="ocean"] .hour-item{flex:0 0 91px;min-height:142px;background:#ffffffb8;border:1px solid #b7d5df;border-radius:40px 40px 18px 18px;padding:13px 7px;color:var(--ink)}
body[data-template="ocean"] .hour-item.now{background:#d9edf3;border-color:#86b7c9}
body[data-template="ocean"] :is(.hour-time,.hour-rain){font-size:13px;color:var(--muted)}
body[data-template="ocean"] .hour-temp{font:600 24px Georgia,serif;color:var(--deep)}
body[data-template="ocean"] .week-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;background:transparent;border:0;padding:7px 0 12px}
body[data-template="ocean"] .day-row{display:flex;flex-direction:column;align-items:center;gap:12px;min-height:250px;padding:26px 10px 18px;background:linear-gradient(#ffffffcf,#e3f1f7);border:1px solid #a9cdda;border-radius:48% 48% 22px 22px;box-shadow:0 6px 12px #32657a08;position:relative;color:var(--ink)}
body[data-template="ocean"] .day-row:before{content:"";position:absolute;left:20%;right:20%;bottom:6px;height:6px;border-radius:50%;background:#a8cbd5}
body[data-template="ocean"] .day-row:first-child{background:linear-gradient(#f8f0d7,#edf5f7);border-color:#bfc8b4}
body[data-template="ocean"] .week-list .day-row{isolation:isolate;background:transparent;border:0;box-shadow:none;padding-top:34px;min-height:265px;filter:drop-shadow(0 5px 2px #32657a10)}
body[data-template="ocean"] .week-list .day-row:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(#ffffffed,#deedf4);border:1px solid #99c2d2;border-radius:48% 48% 30% 30%;clip-path:polygon(0 27%,7% 15%,20% 6%,36% 1%,50% 0,64% 1%,80% 6%,93% 15%,100% 27%,100% 65%,95% 82%,80% 93%,64% 100%,36% 100%,20% 93%,5% 82%,0 65%)}
body[data-template="ocean"] .week-list .day-row:first-child:after{background:linear-gradient(#f8efda,#e0eef3)}
body[data-template="ocean"] .week-list .day-row:before{bottom:3px;width:28%;left:36%;right:auto;background:#84b2c2;z-index:1}
body[data-template="ocean"] .day-name{font-size:16px;color:var(--deep);text-align:center;white-space:nowrap}
body[data-template="ocean"] .day-name small{display:block;font-size:13px;color:var(--muted);margin:3px 0 0}
body[data-template="ocean"] .day-condition{display:flex;flex-direction:column;gap:4px;color:var(--ink);font-size:14px}
body[data-template="ocean"] .temp-range{display:none}
body[data-template="ocean"] .day-temps{order:2;color:#a16e38;font:600 25px Georgia,serif;white-space:nowrap}
body[data-template="ocean"] .day-temps em{color:#2d7696;font:500 19px Georgia,serif;margin-left:8px}
body[data-template="ocean"] .day-rain{order:3;display:flex;font-size:13px;color:#466575}
body[data-template="ocean"] .ocean-coast{margin:30px 0;padding:24px;background:#d8edf3;border:1px solid #a5cbd8;border-radius:38px 12px 38px 12px;display:grid;grid-template-columns:190px 1fr;gap:24px}
body[data-template="ocean"] .ocean-coast h2{margin:0;font-size:23px;color:var(--deep)}
body[data-template="ocean"] .ocean-coast p{margin:5px 0;color:#36596c;font-size:15px}
body[data-template="ocean"] .ocean-coast small{font-size:13px;color:#526977;display:block;margin-top:10px}
body[data-template="ocean"] .ocean-wind-wave{height:28px;margin-top:12px;overflow:hidden;position:relative;border-radius:20px;background:#c3e3ed}
body[data-template="ocean"] .ocean-wind-wave:after{content:"";position:absolute;width:200%;left:-50%;top:14px;height:40px;border-radius:48%;background:#67b1c7;animation:o-wind var(--wind-speed,8s) ease-in-out infinite;transform-origin:center}
body[data-template="ocean"] .details-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;border:0;background:transparent}
body[data-template="ocean"] .detail-item{background:#ffffffb8;border:1px solid #b5d1db!important;border-radius:24px;padding:22px;min-height:200px;color:var(--ink)}
body[data-template="ocean"] .detail-item:nth-child(2n){border-radius:45px 15px 45px 15px;background:#e5f1f4}
body[data-template="ocean"] :is(.detail-item strong,.detail-item h3,.detail-label){color:var(--deep)}
body[data-template="ocean"] :is(.detail-item p,.insight-item p,.insight-date,.official-news-meta){color:var(--muted);font-size:14px}
body[data-template="ocean"] .insight-list{border:0;display:grid;gap:12px}
body[data-template="ocean"] .insight-item{background:#e3f1f5;border:1px solid #b5d1db;border-radius:22px;padding:20px}
body[data-template="ocean"] .insight-item h3{color:var(--deep);font-size:16px}
body[data-template="ocean"] .official-news-item{position:relative;background:#ffffffb8;color:var(--ink);border:1px solid #b5d1db;border-left:5px solid #57a4bc;border-radius:6px 34px 6px 34px;padding:22px 22px 30px;overflow:hidden}
body[data-template="ocean"] .official-news-item:after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:16px;background:radial-gradient(ellipse at 50% 100%,#aad9e7 65%,transparent 68%) 0 0/38px 16px repeat-x;pointer-events:none}
body[data-template="ocean"] .official-news-item p{color:#466575;font-size:14px;line-height:1.85}
body[data-template="ocean"] :is(.city-attractions-grid,.attraction-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body[data-template="ocean"] :is(.city-attractions-grid>a.city-attraction,.attraction-tile){display:flex;flex-direction:column;min-height:0;padding:24px;background:#f8fdff;color:var(--ink);border:1px solid #adcfdc;border-radius:42px 14px 14px 42px;border-left:6px solid #a5cbd8;box-shadow:0 8px 24px #32657a08}
body[data-template="ocean"] .city-attractions-grid>a.city-attraction:last-child:nth-child(odd){grid-column:1/-1}
body[data-template="ocean"] .city-attraction-top{display:none}
body[data-template="ocean"] :is(.city-attractions-grid>a.city-attraction strong,.attraction-tile strong){color:var(--deep);font-size:22px}
body[data-template="ocean"] :is(.city-attractions-grid>a.city-attraction .city-attraction-intro,.attraction-intro){color:#466575;font-size:14px;line-height:1.8;-webkit-line-clamp:2}
body[data-template="ocean"] :is(.city-attractions-grid>a.city-attraction .city-attraction-type,.city-attractions-grid>a.city-attraction .city-attraction-foot,.attraction-meta,.attraction-link){color:#31738b;font-size:13px;margin-top:0}
body[data-template="ocean"] .city-attractions-grid>a.city-attraction .city-attraction-foot{margin-top:16px;padding-top:12px;border-top:1px dashed #bad7e1}
body[data-template="ocean"] :is(.popular-grid,.city-division-grid){grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body[data-template="ocean"] :is(.popular-grid>a,.city-division-grid a,.city-link-group a){background:#e5f2f6;color:var(--ink);border:1px solid #b5d1db;border-radius:28px;padding:15px}
body[data-template="ocean"] :is(.popular-grid small,.city-division-grid span){color:var(--muted);font-size:13px}
body[data-template="ocean"] :is(.footer,.trip-footer){background:transparent;border-color:#b5d1db;color:var(--muted);font-size:14px}
body[data-template="ocean"] .weather-quicknav-item{background:#277b9c!important;color:#fff!important;border-radius:50% 50% 15px 15px}
body[data-template="ocean"] .weather-quicknav-item:nth-child(2n){background:#42718c!important}
body[data-template="ocean"] .trip-header{background:#edf9fb;border-bottom:1px solid #b5d1db;color:var(--deep)}
body[data-template="ocean"] .trip-brand{color:var(--deep);font-size:23px}
body[data-template="ocean"] .trip-brand span{background:#d0eaf1;color:var(--deep);border-radius:50%}
body[data-template="ocean"] .trip-hero{min-height:380px;background:#e0eff4;color:var(--ink);border-radius:0 0 65px 0}
body[data-template="ocean"] .trip-hero-inner{min-height:380px;position:relative;z-index:5}
body[data-template="ocean"] .trip-hero-scene{background:linear-gradient(130deg,#edf9fb,#b9dce9)}
body[data-template="ocean"] :is(.trip-horizon,.trip-contours,.trip-sun){display:none}
body[data-template="ocean"] .trip-hero>.ocean-landscape{left:65%;opacity:.65}
body[data-template="ocean"] .trip-hero h1{color:var(--deep);font-size:clamp(35px,5vw,64px);font-weight:650}
body[data-template="ocean"] :is(.trip-hero-copy p,.trip-crumb,.trip-hero-bottom){font-size:15px;color:#466575}
body[data-template="ocean"] :is(.trip-primary,.trip-secondary){background:#277b9c;color:#fff;border:1px solid #277b9c;border-radius:24px}
body[data-template="ocean"] .trip-secondary{background:#f8fdff;color:var(--deep)}
body[data-template="ocean"] .trip-content{background:#edf5f8;gap:30px}
body[data-template="ocean"] .trip-section-title h2{color:var(--deep)}
body[data-template="ocean"] .trip-weather-main{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:25px;background:#ffffffb8;border:1px solid #adcfdc;border-radius:38px 12px 38px 12px}
body[data-template="ocean"] .trip-weather-now{background:transparent;color:var(--deep);border:0}
body[data-template="ocean"] .trip-weather-tip{align-self:center;max-width:none;padding:20px;background:#e0eff4;border:0;border-radius:22px;color:#466575;line-height:1.8;font-size:15px}
body[data-template="ocean"] .trip-temp{color:#216b89;font-family:Georgia,serif}
body[data-template="ocean"] .trip-days{gap:10px;border:0;margin-top:16px}
body[data-template="ocean"] .trip-days>div{background:#e5f2f6;border:1px solid #adcfdc;border-radius:35px 35px 12px 12px;color:var(--deep)}
body[data-template="ocean"] :is(.trip-plan-item,.trip-story-aside,.trip-more-list a){background:#f8fdff;color:var(--ink);border:1px solid #b5d1db;border-radius:22px}
body[data-template="ocean"] .trip-story-aside{border-radius:55px 55px 15px 15px;background:#deedf3}
body[data-template="ocean"] :is(.trip-story-layout,.trip-practical-note,.trip-checked,.trip-weather-source){font-size:14px;color:var(--muted);line-height:1.85}
body[data-template="ocean"] .atlas-item{background:#f8fdff;color:var(--ink);border:1px solid #adcfdc;border-radius:22px;overflow:hidden}
body[data-template="ocean"] :is(.atlas-summary,.atlas-item-foot,.atlas-intro>p){color:var(--muted);font-size:14px}
body[data-template="ocean"] .atlas-media{background-image:linear-gradient(150deg,#bedfea,#408dae)!important}
body[data-template="ocean"] .atlas-filters button{border-radius:20px;border-color:#adcfdc;color:var(--deep)}
body[data-template="ocean"] .atlas-filters button[aria-pressed="true"]{background:#277b9c;color:#fff}
body[data-template="ocean"] :is(a,button):focus-visible{outline:3px solid #247999;outline-offset:4px}
body[data-template="ocean"] button:active{transform:translateY(1px)}
body[data-template="ocean"] .ocean-change{animation:o-surge .65s ease-out}
@keyframes o-wave{50%{transform:translateX(12px) translateY(5px) scaleX(1.04)}}
@keyframes o-bubble{0%{opacity:0;transform:translate(0,0)}15%{opacity:.7}85%{opacity:.4}100%{opacity:0;transform:translate(18px,-320px)}}
@keyframes o-wind{50%{transform:translateY(calc(-1 * var(--wind-height,6px))) translateX(20px)}}
@keyframes o-drop{0%{translate:0 0;opacity:0}30%{opacity:1}100%{translate:0 6px;opacity:0}}
@keyframes o-grow{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes o-surge{from{opacity:.6;transform:translateX(8px)}to{opacity:1;transform:none}}
@media(max-width:1000px){body[data-template="ocean"] .week-list{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-template="ocean"] .details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){body[data-template="ocean"] .site-shell{padding:0 18px 25px}body[data-template="ocean"] .topbar{flex-wrap:wrap;padding:20px 0;gap:12px}body[data-template="ocean"] .header-actions{width:100%;min-width:0}body[data-template="ocean"] .search-wrap{min-width:0;flex:1}body[data-template="ocean"] #hero{min-height:0;border-radius:26px 55px 26px 26px}body[data-template="ocean"] #hero .hero-content{padding:20px 18px 0;min-height:0}body[data-template="ocean"] #hero :is(.hero-top,.hero-main){width:100%}body[data-template="ocean"] #hero .hero-top{flex-wrap:wrap}body[data-template="ocean"] #hero .place{font-size:19px}body[data-template="ocean"] #hero .local-time{font-size:12px}body[data-template="ocean"] #hero .hero-copy{max-width:62%}body[data-template="ocean"] #hero .temperature{font-size:88px}body[data-template="ocean"] #hero .weather-advice{width:calc(100vw - 76px);max-width:none;margin-top:20px}body[data-template="ocean"] #hero .hero-bottom{margin:12px -18px 0;padding:15px 18px;border-radius:0 0 26px 26px}body[data-template="ocean"] #hero .weather-maker-stage{right:10px!important;top:80px!important;bottom:auto!important;width:31%!important;height:145px!important;border-width:3px}body[data-template="ocean"] #hero .weather-maker-sun{width:37px;height:37px}body[data-template="ocean"] .ocean-shell{width:30px;height:23px}body[data-template="ocean"] .week-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px}body[data-template="ocean"] .day-row{flex:0 0 140px}body[data-template="ocean"] .details-grid{gap:12px}body[data-template="ocean"] .detail-item{padding:17px}body[data-template="ocean"] :is(.city-attractions-grid,.attraction-grid,.popular-grid){grid-template-columns:1fr}body[data-template="ocean"] .city-attractions-grid>a.city-attraction:last-child:nth-child(odd){grid-column:auto}body[data-template="ocean"] .city-division-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-template="ocean"] .section-head{align-items:flex-start;gap:12px}body[data-template="ocean"] .section-head h2{font-size:23px}body[data-template="ocean"] .section-note{font-size:12px;max-width:35%}body[data-template="ocean"] .ocean-coast{grid-template-columns:1fr;gap:8px;padding:20px}body[data-template="ocean"] .trip-weather-main{grid-template-columns:1fr}body[data-template="ocean"] .trip-hero,body[data-template="ocean"] .trip-hero-inner{min-height:340px}body[data-template="ocean"] .trip-hero>.ocean-landscape{left:50%;opacity:.2}}
@media(max-width:767px){body[data-template="ocean"]{padding-bottom:76px}body[data-template="ocean"] .weather-quicknav{gap:4px;padding:4px;bottom:6px}body[data-template="ocean"] .weather-quicknav-item{width:43px;min-width:43px;min-height:41px;font-size:9px}body[data-template="ocean"] .weather-quicknav-item svg{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){body[data-template="ocean"] *,body[data-template="ocean"] *:before,body[data-template="ocean"] *:after{animation:none!important;transition:none!important}}
@media(max-width:680px){body[data-template="ocean"] #hero .hero-copy{display:block}body[data-template="ocean"] #hero .condition-line{flex-direction:row;align-items:center;gap:8px}}