.weather-best-time-section{background:var(--clr-bg-alt,#f8f5f0);padding-top:2.5rem;padding-bottom:2.5rem}.weather-best-time-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (max-width:1024px){.weather-best-time-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.weather-best-time-grid{grid-template-columns:1fr}}.weather-region-card{border-radius:var(--radius-md,8px);background-position:50%;background-size:cover;background-color:var(--clr-primary,#2c344c);min-height:200px;color:inherit;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.weather-region-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0003}.weather-region-card__overlay{background:linear-gradient(#00000059 0%,#000000a6 50%,#000000eb 100%);flex-direction:column;flex:1;justify-content:flex-end;padding:1.25rem;display:flex}.weather-region-card h3{color:#fff;text-shadow:0 1px 3px #0006;margin:0 0 .6rem;font-size:1.05rem;font-weight:700}.weather-region-details{color:#ffffffe0;flex-direction:column;gap:.3rem;font-size:.82rem;display:flex}.weather-region-details strong{color:#fff}.weather-region-note{color:#ffffffbf;margin-top:.25rem;font-size:.8rem;font-style:italic}.weather-filters-section{padding-top:1.5rem;padding-bottom:.5rem}.weather-filters-bar{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.weather-month-selector{flex-wrap:wrap;gap:4px;display:flex}.weather-month-btn{cursor:pointer;border:1px solid var(--clr-border,#e5e7eb);background:var(--clr-bg-card,#fff);color:inherit;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:400;transition:all .15s}.weather-month-btn.is-active{border:2px solid var(--clr-accent,#c9a961);background:var(--clr-accent,#c9a961);color:#fff;font-weight:600}.weather-search-wrapper{flex:240px;max-width:320px;position:relative}.weather-search-icon{color:var(--clr-text-muted,#5c6478);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.weather-search-input{border:1px solid var(--clr-border,#e5e7eb);background:var(--clr-bg-card,#fff);border-radius:4px;width:100%;padding:10px 14px 10px 36px;font-size:.9rem}.weather-filter-select{border:1px solid var(--clr-border,#e5e7eb);background:var(--clr-bg-card,#fff);cursor:pointer;border-radius:4px;min-width:140px;padding:10px 14px;font-size:.9rem}.weather-filter-select--region{min-width:160px}.weather-port-count{color:var(--clr-text-muted,#5c6478);font-size:.85rem}.weather-loading{text-align:center;color:var(--clr-text-muted,#5c6478);padding:3rem}.weather-table-wrapper{overflow-x:auto}.weather-table{border-collapse:collapse;width:100%;font-size:.85rem}.weather-table thead tr{border-bottom:2px solid var(--clr-border,#e5e7eb)}.weather-table th{padding:10px 8px;font-weight:600}.weather-table th:first-child{text-align:left;padding-left:12px}.weather-table th:nth-child(2){text-align:left}.weather-table th:nth-child(n+3){text-align:center}.weather-table th:last-child{min-width:180px}.weather-table th svg{vertical-align:middle}.weather-table tbody tr{border-bottom:1px solid var(--clr-border,#e5e7eb)}.weather-table td{padding:8px}.weather-table td:first-child{padding-left:12px}.weather-port-link{color:var(--clr-accent,#c9a961);font-weight:500;text-decoration:none}.weather-port-link:hover{text-decoration:underline}.weather-country-cell{color:var(--clr-text-muted,#5c6478)}.weather-temp-cell{text-align:center;font-weight:600}.weather-temp-badge{border-radius:4px;padding:2px 8px;display:inline-block}.weather-muted-cell{text-align:center;color:var(--clr-text-muted,#5c6478)}.weather-sea-cell{text-align:center;font-weight:500}.weather-sparkline{align-items:end;gap:2px;height:24px;padding:0 4px;display:flex}.weather-sparkline-bar{border-radius:2px;width:12px;transition:opacity .15s}.weather-sparkline-bar.is-active{opacity:1}.weather-sparkline-bar:not(.is-active){opacity:.6}
