/* Our Town Lake Conditions 1.2.3. Only the plugin surface is styled. */
.ot-lake-live { color:#16314e; background:#eaf3fc; padding:clamp(27px,3.3vw,44px) 0; border-top:1px solid #bad2e8; border-bottom:1px solid #bad2e8; }
.ot-lake-live * { box-sizing:border-box; }
/* Matches the existing 1480px V3 shell, including its inner gutters. */
.ot-lake-live-shell { box-sizing:border-box; width:min(100%,1480px); padding-inline:clamp(24px,2vw,32px); margin-inline:auto; }
.ot-lake-live-intro { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.ot-lake-live-kicker { color:#8c6100; font-size:12px; font-weight:800; letter-spacing:.09em; }
.ot-lake-live h2 { color:#0b305d; font-size:clamp(27px,2.75vw,36px); line-height:1.16; font-weight:850; margin:6px 0 5px; }
.ot-lake-live-intro p { color:#415b75; margin:0; font-size:15px; line-height:1.45; }
.ot-lake-live-status { border:1px solid #bdd0e1; background:#fff; color:#435d75; border-radius:999px; font-size:12px; line-height:1.25; padding:7px 10px; flex:none; }
.ot-lake-live-status.is-delayed { border-color:#ecc678; background:#fff4d8; color:#6a4b12; }
.ot-lake-live-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.ot-lake-live-card { min-width:0; padding:13px 16px 12px; border:1px solid #c8d8e8; border-top:3px solid #19538c; border-radius:12px; background:#fff; }
.ot-lake-live-card:nth-child(even) { border-top-color:#e2ad2d; }
.ot-lake-live-card h3 { margin:0 0 5px; color:#284b6a; font-weight:750; font-size:14px; line-height:1.3; }
.ot-lake-live-card strong { display:block; font-size:clamp(22px,2.2vw,29px); line-height:1.13; color:#0c2e56; font-weight:850; overflow-wrap:anywhere; }
.ot-lake-live-card p { margin:5px 0 0; color:#5a7186; font-size:12px; line-height:1.45; }
.ot-lake-live-stamps { display:flex; flex-wrap:wrap; gap:3px 19px; margin:9px 0 14px; }
.ot-lake-live-stamps p { color:#4c6882; font-size:12px; line-height:1.4; margin:0; }
.ot-lake-live-stamps .is-delayed { color:#8b5100; font-weight:750; }
.ot-lake-live-bottom { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:12px; align-items:start; }
.ot-lake-live-trend,.ot-lake-live-alert { background:#fff; border:1px solid #c8d8e8; border-radius:12px; padding:14px 16px; min-width:0; }
.ot-lake-live-bottom h3 { color:#0b305d; font-weight:850; font-size:18px; line-height:1.25; margin:0 0 8px; }
.ot-lake-live [data-ot="chart"],.ot-lake-live [data-ot="alerts"] { font-size:14px; line-height:1.45; color:#445e75; }
.ot-lake-live-bottom p { color:#445e75; font-size:13px; line-height:1.45; margin:4px 0 8px; }
.ot-lake-live-bottom a,.ot-lake-live-note a { color:#154f85; text-decoration:underline; text-underline-offset:3px; }
.ot-lake-live-trend svg { display:block; max-width:100%; width:100%; height:auto; margin:1px 0 4px; }
.ot-lake-live-trend .ot-lake-chart-info { color:#4d657c; font-size:12px; }
.ot-lake-live-alert .ot-lake-alert-item { border-left:4px solid #d3a12b; background:#fff8e9; border-radius:6px; padding:8px 10px; margin-bottom:8px; }
.ot-lake-live-alert .ot-lake-alert-item strong { display:block; color:#604010; font-size:13px; margin:0 0 4px; }
.ot-lake-live-alert .ot-lake-alert-item span { display:block; font-size:12px; line-height:1.4; color:#544933; }
.ot-lake-live-note { max-width:none; font-size:12px; line-height:1.5; color:#526c84; margin:10px 0 0; }
@media(max-width:900px) { .ot-lake-live-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .ot-lake-live-bottom { grid-template-columns:1fr; } }
@media(max-width:600px) { .ot-lake-live-shell { padding-inline:18px; } .ot-lake-live { padding-block:26px; } .ot-lake-live-intro { flex-direction:column; align-items:flex-start; gap:8px; margin-bottom:13px; } .ot-lake-live-grid { gap:9px; } .ot-lake-live-card { padding:12px 11px; } .ot-lake-live-card h3 { font-size:12px; } .ot-lake-live-card strong { font-size:23px; } .ot-lake-live-bottom h3 { font-size:17px; } .ot-lake-live-trend,.ot-lake-live-alert { padding:13px; } .ot-lake-live-stamps { margin-bottom:11px; } }
@media(max-width:380px) { .ot-lake-live-grid { grid-template-columns:1fr; } }