.ttwc-marine-outlook{max-width:900px;margin:0 auto}
.ttwc-marine-outlook .tmo-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ttwc-marine-outlook .tmo-logo{height:48px;width:auto}
.ttwc-marine-outlook .tmo-head-text{display:flex;flex-direction:column}
.ttwc-marine-outlook .tmo-title{margin:0}
.ttwc-marine-outlook .tmo-stamp{color:inherit;opacity:.7;font-size:13px}
.ttwc-marine-outlook .tmo-search{position:relative;margin:12px 0}
.ttwc-marine-outlook .tmo-search-input{width:100%;max-width:420px;padding:10px 12px;border:1px solid #bbb;border-radius:8px;font-size:15px}
.ttwc-marine-outlook .tmo-search-results{position:absolute;z-index:5;background:#fff;border:1px solid #ddd;border-radius:8px;max-width:420px;width:100%;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.ttwc-marine-outlook .tmo-search-results:empty{display:none}
.ttwc-marine-outlook .tmo-search-hit{display:block;width:100%;text-align:left;border:0;background:none;padding:9px 12px;cursor:pointer;color:#111;font-size:14px}
.ttwc-marine-outlook .tmo-search-hit:hover{background:#f0f6fb}
.ttwc-marine-outlook .tmo-search-hit span{color:#888;font-size:12px;margin-left:6px}
.ttwc-marine-outlook .tmo-map-wrap{margin:8px 0}
.ttwc-marine-outlook .tmo-daytabs{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}
.ttwc-marine-outlook .tmo-daytab{border:1px solid #bbb;background:transparent;color:inherit;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:13px;opacity:.6}
.ttwc-marine-outlook .tmo-daytab.is-active{opacity:1;font-weight:600;border-color:#137a8b}
.ttwc-marine-outlook .tmo-map{width:100%;height:auto;background:#cfe8f3;border-radius:10px}
.ttwc-marine-outlook .tmo-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:12px}
.ttwc-marine-outlook .tmo-legend-item i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.ttwc-marine-outlook .tmo-detail{margin-top:16px}
.ttwc-marine-outlook .tmo-zone-name{font-size:18px;font-weight:600;text-transform:capitalize;margin-bottom:8px}
.ttwc-marine-outlook .tmo-ztype{font-size:12px;color:#888;text-transform:none;font-weight:400}
.ttwc-marine-outlook .tmo-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.ttwc-marine-outlook .tmo-card{background:#fff;border:1px solid #e2e2e2;border-radius:10px;padding:10px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;color:#111}
.ttwc-marine-outlook .tmo-card.is-active{box-shadow:0 0 0 2px #137a8b}
.ttwc-marine-outlook .tmo-card-day{font-weight:600;font-size:13px}
.ttwc-marine-outlook .tmo-card-date{font-size:11px;color:#888}
.ttwc-marine-outlook .tmo-card-tier{font-size:11px;padding:2px 6px;border-radius:10px}
.ttwc-marine-outlook .tmo-detail-body{background:#fff;border:1px solid #e2e2e2;border-radius:12px;padding:14px 16px;margin-top:12px;color:#111}
.ttwc-marine-outlook .tmo-tier-head{display:inline-block;padding:4px 12px;border-radius:14px;font-weight:600;margin-bottom:8px}
.ttwc-marine-outlook .tmo-wte{margin:0 0 12px;padding-left:18px}
.ttwc-marine-outlook .tmo-wte li{margin:3px 0}
.ttwc-marine-outlook .tmo-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}
.ttwc-marine-outlook .tmo-metric{display:flex;justify-content:space-between;background:#f6f9fb;border-radius:8px;padding:8px 10px}
.ttwc-marine-outlook .tmo-metric-k{color:#666}
.ttwc-marine-outlook .tmo-metric-v{font-weight:600}
.ttwc-marine-outlook .tmo-astro{display:flex;gap:18px;font-size:13px;color:#444;margin-bottom:10px}
.ttwc-marine-outlook .tmo-tides{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ttwc-marine-outlook .tmo-tide{display:flex;flex-direction:column;align-items:center;gap:2px;background:#f6f9fb;border-radius:8px;padding:8px 4px;font-size:13px}
.ttwc-marine-outlook .tmo-tide.hi .tmo-tide-tag{color:#b32d2e}
.ttwc-marine-outlook .tmo-tide.lo .tmo-tide-tag{color:#137a8b}
.ttwc-marine-outlook .tmo-tide-time{font-weight:600}
.ttwc-marine-outlook .tmo-tide-note{font-size:11px;color:#888;margin:6px 0 0}
.ttwc-marine-outlook .tmo-footer{margin-top:18px;font-size:12px;color:inherit;opacity:.7}
@media(max-width:560px){.ttwc-marine-outlook .tmo-strip{grid-template-columns:repeat(3,1fr)}.ttwc-marine-outlook .tmo-tides,.ttwc-marine-outlook .tmo-metrics{grid-template-columns:repeat(2,1fr)}}

/* v0.4.0 additions */
.ttwc-marine-outlook .tmo-search-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ttwc-marine-outlook .tmo-geo{border:1px solid #137a8b;background:transparent;color:inherit;border-radius:8px;padding:9px 12px;cursor:pointer;font-size:14px;white-space:nowrap}
.ttwc-marine-outlook .tmo-geo:hover{background:rgba(19,122,139,.1)}
.ttwc-marine-outlook .tmo-changeloc{border:1px solid #999;background:transparent;color:inherit;border-radius:8px;padding:9px 12px;cursor:pointer;font-size:14px;white-space:nowrap}
.ttwc-marine-outlook .tmo-changeloc:hover{background:rgba(127,127,127,.12)}
.ttwc-marine-outlook .tmo-geo-msg{font-size:12px;opacity:.75;margin-top:4px;min-height:14px}
.ttwc-marine-outlook .tmo-legend-head{font-weight:600;margin-right:4px}
.ttwc-marine-outlook .tmo-legend-item small{opacity:.7}
.ttwc-marine-outlook .tmo-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
.ttwc-marine-outlook .tmo-risk{display:inline-block;padding:4px 12px;border-radius:14px;font-weight:600}
.ttwc-marine-outlook .tmo-seastate{display:inline-block;padding:4px 12px;border-radius:14px;font-weight:600;background:#eef3f6;color:#234;border:1px solid #d6e1e7}
.ttwc-marine-outlook .tmo-loc{font-size:13px;color:#888;font-weight:400}
.ttwc-marine-outlook .tmo-readmore{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px}
.ttwc-marine-outlook .tmo-readmore a{font-weight:600;text-decoration:none}
.ttwc-marine-outlook .tmo-alert{border-radius:10px;padding:10px 14px;margin-bottom:10px;font-size:14px;line-height:1.45}
.ttwc-marine-outlook .tmo-alert-tag{display:inline-block;font-weight:700;margin-right:6px;text-transform:uppercase;font-size:11px;letter-spacing:.04em}
.ttwc-marine-outlook .tmo-alert-spring{background:#e7f1fb;border:1px solid #bcd9f3;color:#16466e}
.ttwc-marine-outlook .tmo-alert-king{background:#fff3e0;border:1px solid #f5c98a;color:#8a4b00}
/* v0.6.0 header (Sargassum-style) + info box + zone bands */
.ttwc-marine-outlook .tmo-header{position:relative;text-align:center;padding:6px 0 2px}
.ttwc-marine-outlook .tmo-logo{position:absolute;top:0;right:0;height:54px;width:auto}
.ttwc-marine-outlook .tmo-title{margin:0 0 4px;font-size:1.7em;line-height:1.2}
.ttwc-marine-outlook .tmo-stamp{opacity:.7;font-size:13px}
.ttwc-marine-outlook .tmo-top{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start;margin:16px 0}
.ttwc-marine-outlook .tmo-top .tmo-search-input{max-width:none}
.ttwc-marine-outlook .tmo-search-help{font-size:13px;opacity:.7;margin:6px 2px 0}
.ttwc-marine-outlook .tmo-info{background:rgba(127,127,127,.08);border:1px solid rgba(127,127,127,.25);border-radius:12px;padding:14px 16px}
.ttwc-marine-outlook .tmo-info-title{font-weight:700;margin:0 0 8px}
.ttwc-marine-outlook .tmo-info-legend{display:flex;flex-wrap:wrap;gap:6px 12px;margin-bottom:8px}
.ttwc-marine-outlook .tmo-info-note{font-size:12px;opacity:.65;margin:0}
.ttwc-marine-outlook .tmo-zonebands{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:12px;align-items:center}
.ttwc-marine-outlook .tmo-zonebands .tmo-legend-head{font-weight:600}
@media(max-width:680px){.ttwc-marine-outlook .tmo-top{grid-template-columns:1fr}.ttwc-marine-outlook .tmo-logo{height:38px}.ttwc-marine-outlook .tmo-title{font-size:1.25em;padding:0 44px}}

.ttwc-marine-outlook .tmo-map-stage{position:relative}
.ttwc-marine-outlook .tmo-ew-overlays{position:absolute;top:8px;left:8px;z-index:12;display:flex;flex-direction:column;gap:4px;max-width:min(320px,82%);pointer-events:auto}
.ttwc-marine-outlook .tmo-ew-banner{display:flex;flex-direction:column;gap:6px}
.ttwc-marine-outlook .tmo-ew-banner:not(:empty){margin:10px 0}
.ttwc-marine-outlook .tmo-ew-box{display:flex;align-items:center;gap:6px;padding:6px 11px;border-radius:3px;font-size:12px;font-weight:600;line-height:1.3;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.ttwc-marine-outlook a.tmo-ew-box-link{text-decoration:none;cursor:pointer;transition:opacity .15s,box-shadow .15s}
.ttwc-marine-outlook a.tmo-ew-box-link:hover{opacity:.9;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.ttwc-marine-outlook .tmo-ew-text{flex:1}
.ttwc-marine-outlook .tmo-ew-link-icon{font-size:14px;line-height:1;flex-shrink:0;opacity:.85}
@media(max-width:768px){.ttwc-marine-outlook .tmo-ew-overlays{max-width:60%}.ttwc-marine-outlook .tmo-ew-box{font-size:11px;padding:5px 8px}}