.forecast-status{font-size:12px;background:#fff4d9;color:#77530b;padding:11px 14px;border-radius:11px;margin:14px 0}.forecast-status.live{background:#e4f5ed;color:#23614c}.index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.index-card{border:1px solid #dce9e6;background:white;border-radius:16px;padding:15px 8px;text-align:center}.index-icon{font-size:28px}.index-card strong{display:block;font-size:13px}.index-number{font-weight:850;font-size:clamp(25px,6vw,37px);line-height:1.2;color:#087e85;margin:6px 0}.index-card small{display:block;color:#607b7c;font-size:11px}.index-card .index-time{font-size:12px;font-weight:750;color:#075b62;margin-top:9px;line-height:1.5}.index-card .index-time-note{font-size:10px;color:#687e80;line-height:1.35}.hourly{background:#e9f5f3;border-radius:15px;padding:15px;margin:15px 0}.hourly h3,.guide-head h3{margin:0 0 7px}.hourly-row{display:flex;align-items:center;gap:8px;font-size:12px;margin:8px 0}.hourly-row b{width:52px;flex:none}.hourly-bar{height:9px;background:#cee0dc;border-radius:99px;flex:1;overflow:hidden}.hourly-fill{height:100%;background:#0c8b90;border-radius:99px}.hourly-row em{width:36px;font-style:normal;text-align:right}.guide-head{margin-top:28px}.guide-card{background:white;border:1px solid #e4eceb;border-radius:15px;padding:15px;margin:11px 0}.guide-card h4{font-size:17px;margin:0 0 5px}.guide-card p{color:#587477;font-size:13px;margin:4px 0 10px}.guide-tag{display:inline-block;font-size:11px;border-radius:50px;background:#e9f5f2;color:#06737a;padding:4px 9px;margin-bottom:6px;font-weight:800}.guide-card button{margin-top:7px}.data-settings{margin:26px 0 12px;border:1px solid #d9e5e2;background:white;padding:15px;border-radius:13px}.data-settings summary{font-weight:800;cursor:pointer}.controls{display:grid;gap:12px;margin:12px 0}.controls label{font-size:13px;display:grid;gap:5px}.controls input{width:100%}@media(max-width:400px){.index-grid{gap:6px}.index-card{padding:12px 3px}.index-card strong{font-size:12px}}.booking-footer{margin-top:48px;padding-top:25px;border-top:1px solid #dce8e5}.booking-footer h2{font-size:23px}.booking-footer .sub{margin-bottom:14px}
/* v61 My Plan calendar and itinerary emphasis */
.trip-range{background:#f5faf8;border:1px solid #d9e8e3;border-radius:18px;padding:14px;margin-top:15px}.range-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.range-summary span{font-size:12px;font-weight:800;background:white;border:1px solid #dce9e6;border-radius:10px;padding:9px 7px;text-align:center}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin:4px 0 12px}.calendar-head strong{font-size:18px}.calendar-head button{border:1px solid #b9d5d0;background:white;border-radius:10px;color:#0a656a;width:42px;height:40px;font-size:26px}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}.calendar-weekdays{color:#688084;font-size:12px;margin-bottom:7px}.calendar-days .calendar-date{aspect-ratio:1/1;min-height:35px;padding:0;border:0;border-radius:9px;background:white;color:#16494e;font-weight:700;font-size:14px}.calendar-days .calendar-date.between{background:#d5eeea;border-radius:3px}.calendar-days .calendar-date.edge{background:#087e85;color:white}.calendar-days .calendar-date.today-date:not(.edge){outline:1px solid #087e85;outline-offset:-2px}.calendar-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:14px}.calendar-foot span{font-size:12px;color:#476c6d}.calendar-foot button{background:transparent;color:#087e85;border:0;font-size:12px;font-weight:800;text-decoration:underline}.plan-day{background:#f8fbfa;border:1px solid #dceae6;border-radius:16px;padding:14px;margin:14px 0}.plan-day-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:9px}.plan-day-heading strong{font-size:19px}.plan-day-number{background:#087e85;color:#fff;border-radius:7px;font-size:11px;font-weight:900;padding:4px 8px;letter-spacing:.04em}.plan-count{margin-left:auto;color:#577778;font-size:12px;font-weight:700}.plan-row{background:white;border:1px solid #e0eae8;border-left:4px solid #0a8789;border-radius:10px;padding:13px 10px;margin:9px 0;font-size:16px;font-weight:750;line-height:1.45}.plan-row span{min-width:0;overflow-wrap:anywhere}.plan-row button{font-size:12px;flex-shrink:0;white-space:nowrap}.plan-day>.note{padding-left:4px}@media(max-width:390px){.calendar-days .calendar-date{font-size:13px}.range-summary span{font-size:11px}.plan-day-heading strong{font-size:17px}}
