/* หน้าเครื่องมืออากาศ — ใช้ร่วมกัน (โหลดหลัง redesign.css + content.css) */
.wx-icon{background:#fff4d6;color:#c08a1c}
.wx-panel{padding:24px;border-radius:24px;display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.loc-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.loc-field{flex:1;min-width:220px}
.loc-field select,.wx-panel select,.wx-panel input[type=date]{width:100%;min-height:48px;font:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fafcfb;color:var(--ink)}
.loc-row .btn{min-height:48px}
.wx-panel .label{font-size:13px;font-weight:600;display:block;margin-bottom:8px}
.opt-pills{gap:8px}
.opt-pills .pill{display:flex;flex-direction:column;align-items:flex-start;gap:0;font-size:14px;font-weight:600;padding:9px 14px;border-radius:12px;min-height:48px;line-height:1.4;text-align:left}
.opt-pills .pill small{font-size:11px;font-weight:400;color:var(--muted)}
.opt-pills .pill.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}
.wx-status{margin:0;padding:18px;border-radius:14px;background:#f3f7f5;color:var(--muted);font-size:14px;text-align:center}
.wx-status.err{background:#fff1ef;color:#a3322a}
.wx-result{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}

.verdict{display:flex;gap:18px;align-items:center;padding:22px;border-radius:18px;border:1px solid}
.verdict.good{background:#eaf7ef;border-color:#cbe9d6}
.verdict.ok{background:#fff6e2;border-color:#f1dfae}
.verdict.bad{background:#eef2f8;border-color:#d6dfec}
.verdict.danger{background:#fdeeee;border-color:#f3cfcf}
.verdict.late{background:#f1f0f9;border-color:#e0def0}
.v-icon{font-size:52px;line-height:1;flex:none}
.v-day{margin:0;font-size:12px;color:var(--muted)}
.v-title{margin:2px 0 4px;font-size:clamp(24px,3vw,32px);letter-spacing:-.6px;line-height:1.3}
.verdict.good .v-title{color:#17704f}.verdict.ok .v-title{color:#94650c}.verdict.bad .v-title{color:#34507a}.verdict.danger .v-title{color:#a3322a}
.v-detail{margin:0;font-size:15px;line-height:1.7}

.sub-title{font-size:15px;margin:6px 0 -6px}.sub-title span{font-weight:400;color:var(--muted);font-size:12px}
.hours{display:flex;gap:4px;overflow-x:auto;padding:6px 2px 8px;scroll-snap-type:x proximity}
.hr{flex:1 0 46px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;border-radius:12px;scroll-snap-align:start;font-size:12px}
.hr.win{background:var(--brand-soft);box-shadow:inset 0 0 0 1px #bfe3cf}
.hr.past{opacity:.4}
.hr-t{font:600 12px var(--mono, monospace);color:var(--muted)}
.hr-e{font-size:20px;line-height:1.2}
.bars{display:flex;gap:3px;align-items:flex-end;height:56px;width:22px}
.bars i{flex:1;border-radius:3px 3px 0 0;min-height:2px}
.bars.one{width:14px}
.hr-p{font-size:11px;color:var(--muted)}.hr-p.hi{color:#2f62ad;font-weight:700}
.hr-temp{font-size:11px}
.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:-8px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:-1px}
/* สีกลาง */
.c-rain{background:#5b8fd6}.c-dry{background:#f0b84a}
.pm0{background:#3aa8e0}.pm1{background:#4cb86b}.pm2{background:#e8c43a}.pm3{background:#ef8a34}.pm4{background:#d9433b}
.t-pm0{color:#1f7fb0}.t-pm1{color:#2c8a48}.t-pm2{color:#9a7d0c}.t-pm3{color:#b85d12}.t-pm4{color:#b0302a}

.days{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.day{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}
.day>b{display:block;font-size:13px}
.d-v{display:block;font-size:17px;font-weight:700;margin:6px 0 10px}
.day.good .d-v{color:#17704f}.day.ok .d-v{color:#94650c}.day.bad .d-v{color:#34507a}.day.danger .d-v{color:#a3322a}.day.late .d-v{color:#6f6a9b}
.day dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:12px}
.day dt{color:var(--muted)}.day dd{margin:0;text-align:right;font-weight:600}
.src-line{margin:0;font-size:11px;color:var(--muted)}.src-line a{color:inherit}

/* แชร์ */
.share-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.share-row .btn{min-height:44px}
.btn.line{background:#06c755;border-color:#06c755;color:#fff}
.share-row small{color:var(--muted);font-size:12px}

/* ลิงก์ไปเครื่องมืออากาศอื่น */
.wx-links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0 0}
.wx-links a{display:flex;gap:10px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none;color:var(--ink);font-size:13px;font-weight:600;line-height:1.4}
.wx-links a span{font-size:22px}
.wx-links a[aria-current]{background:var(--brand-soft);border-color:#bfe3cf;color:var(--brand)}
.wx-links a:hover{border-color:var(--brand)}

.notify-box{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:22px 0 0;padding:18px 22px;border-radius:18px;background:#fff8e8;border:1px solid #f1e2bb;text-decoration:none;color:var(--ink)}
.notify-box b{display:block;font-size:15px}.notify-box span{font-size:13px;color:var(--muted)}
.notify-box .go{flex:none;font-weight:700;color:#94650c;font-size:14px}
.notify-box:hover{border-color:#e3c77d}

@media (max-width:800px){.wx-links{grid-template-columns:1fr 1fr}}
@media (max-width:700px){
  .wx-panel{padding:16px;gap:16px}
  .loc-row .btn{width:100%}
  .opt-pills .pill{flex:1 1 30%;padding:8px 10px}
  .opt-pills .pill small{display:none}
  .verdict{flex-direction:column;align-items:flex-start;gap:8px;padding:18px}
  .v-icon{font-size:40px}
  .days{grid-template-columns:1fr}
  .notify-box{flex-direction:column;align-items:flex-start}
  .share-row .btn{flex:1}
}
.hero-emoji{font-size:38px;line-height:1}
.obs-line{margin:-4px 0 0;padding:12px 14px;border-radius:12px;background:#f3f7f5;color:var(--muted);font-size:13px;line-height:1.7}
.obs-line.ok{background:#eef6fb;color:#2f5574}