.wl-tabs{background:var(--dcl-white,#fff);border-bottom:1px solid var(--dcl-line,#e0e0e0);grid-template-columns:1fr 1fr;display:grid}.dc-liff .wl-tab,.wl-tab{min-height:48px;color:var(--dcl-muted,#616161);text-align:center;border-bottom:3px solid #0000;justify-content:center;align-items:center;padding:8px 12px;font-size:1rem;font-weight:600;line-height:1.4;display:flex}.dc-liff .wl-tab--on,.wl-tab--on{color:var(--dcl-green950,#0e3d14);border-bottom-color:var(--dcl-gold,#f4c430);font-weight:700}.wl-body{flex-direction:column;gap:12px;padding:12px 16px 0;display:flex}.wl-card{background:var(--dcl-white,#fff);border:1px solid var(--dcl-line,#e0e0e0);border-radius:12px}.wl-h2{color:var(--dcl-ink,#212121);overflow-wrap:break-word;margin:0;font-size:1.125rem;font-weight:700;line-height:1.35}.wl-h3{color:var(--dcl-ink,#212121);margin:0;font-size:1rem;font-weight:700;line-height:1.35}.wl-others{margin-top:4px}.wl-muted{color:var(--dcl-muted,#616161);margin:0;font-size:.9375rem;line-height:1.5}.wl-pad{padding:12px 14px}.wl-report{flex-direction:column;gap:12px;padding:14px;display:flex}.wl-report-head{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.wl-seal{object-fit:contain;background:var(--dcl-white,#fff);border-radius:50%;flex:none;width:36px;height:36px}.wl-report-titles{flex:1 1 0;min-width:120px}.wl-report-when{color:var(--dcl-green950,#0e3d14);flex-wrap:wrap;gap:4px 12px;margin:2px 0 0;font-size:.875rem;font-weight:700;line-height:1.5;display:flex}.wl-report-time{align-items:center;gap:8px;display:inline-flex}.wl-report-time svg{flex:none}.wl-report-status{flex-direction:column;flex:none;align-items:flex-end;gap:4px;margin-left:auto;display:flex}.wl-report-by{color:var(--dcl-muted,#616161);margin:2px 0 0;font-size:.8125rem;line-height:1.4}.wl-report-figures{flex-wrap:wrap;align-items:center;gap:10px 20px;display:flex}.wl-figure{align-items:center;gap:8px;display:flex}.wl-figure-icon{color:var(--dcl-waterBlue,#1f6fb2);flex:none}.wl-figure-label{color:var(--dcl-muted,#616161);font-size:.875rem;line-height:1.4;display:block}.wl-figure-value{color:var(--dcl-green950,#0e3d14);font-size:2rem;font-weight:700;line-height:1.3;display:block}.wl-figure-value span{font-size:1.125rem}.wl-figure-change{font-size:1.25rem;font-weight:700;line-height:1.3}.wl-figure--up{color:var(--dcl-errorInk,#b3261e)}.wl-figure--down{color:var(--dcl-green800,#1b5e20)}.wl-figure--steady{color:var(--dcl-muted,#616161)}.wl-arrow{flex:none}.wl-photos{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.wl-photo{border:1px solid var(--dcl-line,#e0e0e0);background:var(--dcl-paper,#faf9f4);cursor:zoom-in;border-radius:10px;justify-content:center;align-items:center;min-height:48px;padding:0;display:flex}.wl-photo img{object-fit:contain;border-radius:9px;width:100%;height:auto;max-height:240px;display:block}.wl-history{padding:12px 14px 10px}.wl-history-svg{width:100%;height:auto;margin-top:6px;display:block;overflow:visible}.wl-history-axis{stroke:var(--dcl-lineSoft,#eeeeea);stroke-width:1px}.wl-history-line{fill:none;stroke:var(--dcl-green600,#2e7d32);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.wl-history-dot{fill:var(--dcl-green600,#2e7d32)}.wl-history-dot--last{fill:var(--dcl-errorInk,#b3261e)}.wl-history-last{fill:var(--dcl-errorInk,#b3261e);font-size:14px;font-weight:700}.wl-history-day{fill:var(--dcl-muted,#616161);font-size:12px}.wl-history-caption{text-align:center;color:var(--dcl-muted,#616161);margin:2px 0 0;font-size:.8125rem;line-height:1.4}.wl-section{overflow:visible}.wl-section-head{background:var(--dcl-green50,#f1f8e9);border-bottom:1px solid var(--dcl-green100,#cfe3c9);color:var(--dcl-green950,#0e3d14);border-radius:12px 12px 0 0;align-items:center;gap:8px;margin:0;padding:10px 14px;font-size:1rem;font-weight:700;line-height:1.35;display:flex}.wl-section-head svg{color:var(--dcl-green800,#1b5e20);flex:none}.wl-rows{margin:0;padding:0;list-style:none}.wl-row{border-top:1px solid var(--dcl-lineSoft,#eeeeea);color:var(--dcl-ink,#212121);padding:10px 14px;font-size:.9375rem;line-height:1.5}.wl-row:first-child{border-top:0}.wl-row-title{overflow-wrap:break-word;min-width:0}.wl-row-chip{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.wl-row--stale .wl-river-level,.wl-row--stale .wl-prow-value{color:var(--dcl-muted,#616161)}.wl-river{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) auto;align-items:center;gap:6px 10px;display:grid}.wl-river-name{flex-direction:column;min-width:0;display:flex}.wl-river-level{color:var(--dcl-green950,#0e3d14);font-size:1.125rem;font-weight:700;line-height:1.3}.wl-river-gauge{flex-direction:column;gap:4px;min-width:0;display:flex}.wl-bank-note{color:var(--dcl-muted,#616161);overflow-wrap:break-word;font-size:.8125rem;line-height:1.4}.wl-gauge{background:var(--dcl-skeleton,#eceae3);border-radius:999px;height:10px;display:block;position:relative}.wl-gauge-fill{background:var(--dcl-waterBlue,#1f6fb2);border-radius:999px;position:absolute;inset:0 auto 0 0}.wl-row--stale .wl-gauge-fill{background:var(--dcl-greyChipLine,#8d8d85)}.wl-gauge-bank{background:var(--dcl-goldLine,#c9a227);border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:-4px;bottom:-4px}.wl-dam{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;align-items:center;gap:4px 10px;display:grid}.wl-dam-figures{color:var(--dcl-muted,#616161);overflow-wrap:break-word;flex-direction:column;font-size:.875rem;line-height:1.45;display:flex}.wl-rain{justify-content:space-between;gap:12px;display:flex}.wl-rain-mm{color:var(--dcl-green950,#0e3d14);flex:none}.wl-prow{grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:4px 8px;display:grid}.wl-prow-icon{color:var(--dcl-waterBlue,#1f6fb2)}.wl-prow-value{color:var(--dcl-green950,#0e3d14);text-align:right}.wl-prow .wl-row-chip{flex-flow:wrap;grid-column:2/-1;justify-content:flex-end}.wl-prow .wl-row-chip:empty{display:none}.wl-amphoe-head svg{color:var(--dcl-green800,#1b5e20)}.wl-forecast{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:0;padding:10px 8px;list-style:none;display:grid}.wl-forecast li{flex-direction:column;align-items:center;gap:2px;font-size:.875rem;line-height:1.4;display:flex}.wl-forecast-day{color:var(--dcl-ink,#212121);font-weight:700}.wl-forecast-icon{color:var(--dcl-green800,#1b5e20)}.wl-forecast-pct{color:var(--dcl-muted,#616161)}.wl-chip{white-space:normal;text-align:center;border:1.5px solid #0000;border-radius:999px;align-items:center;padding:3px 12px;font-size:.875rem;font-weight:700;line-height:1.4;display:inline-flex}.wl-chip--normal,.wl-chip--report-normal{background:var(--dcl-green50,#f1f8e9);color:var(--dcl-green950,#0e3d14);border-color:var(--dcl-green100,#cfe3c9)}.wl-chip--watch,.wl-chip--report-watch{background:var(--dcl-goldBg,#fff8db);color:var(--dcl-goldInk,#7c5e10);border-color:var(--dcl-goldLine,#c9a227)}.wl-chip--warn,.wl-chip--report-warning{background:var(--dcl-statusAwaitingBg,#fff1e5);color:var(--dcl-statusAwaitingInk,#b04d00);border-color:var(--dcl-statusAwaitingLine,#e8894a)}.wl-chip--overflow{background:var(--dcl-errorBg,#fdecea);color:var(--dcl-errorInk,#b3261e);border-color:var(--dcl-errorInk,#b3261e)}.wl-chip--stale,.wl-chip--off{background:var(--dcl-greyChipBg,#f0efe9);color:var(--dcl-greyChipInk,#4a4a44);border-color:var(--dcl-greyChipBg,#f0efe9);font-weight:600}.wl-stale-time{color:var(--dcl-muted,#616161);text-align:right;font-size:.75rem;line-height:1.4}.wl-stale{background:var(--dcl-greyChipBg,#f0efe9);color:var(--dcl-greyChipInk,#4a4a44);align-items:center;gap:8px;margin:0;padding:8px 14px;font-size:.875rem;line-height:1.5;display:flex}.wl-stale svg{flex:none}.dc-liff .wl-help,.wl-help{background:var(--dcl-green950,#0e3d14);min-height:56px;color:var(--dcl-white,#fff);text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:4px;padding:12px 16px;font-size:1.125rem;font-weight:700;line-height:1.4;display:flex}.wl-help svg{flex:none}.wl-sources{text-align:center;color:var(--dcl-muted,#616161);margin:0;font-size:.8125rem;line-height:1.5}@media (max-width:370px){.wl-river,.wl-dam{grid-template-columns:minmax(0,1fr) auto}.wl-river-gauge,.wl-dam-figures{grid-area:2/1/auto/-1}}.wl-report-old{border-radius:8px;font-weight:600}.wl-report--old .wl-figure-value{color:var(--dcl-greyChipInk,#4a4a44)}.wl-updated{color:var(--dcl-muted,#616161);margin:0;padding:6px 14px 0;font-size:.8125rem;line-height:1.4}.wl-report-updated{color:var(--dcl-ink,#212121);align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:700;line-height:1.4;display:flex}.wl-report-updated svg{flex:none}.wl-history-svg--wide{display:none}