.vm-weather { --weather-text:#172033; --weather-muted:#64748b; --weather-line:#e2e8f0; --weather-bg:#f8fafc; --weather-link:#2563eb; margin:0 0 14px; padding:12px 14px; border:1px solid var(--weather-line); border-radius:12px; background:var(--weather-bg); color:var(--weather-text); }
html[data-vm-theme="dark"] .vm-weather { --weather-text:#f3f4f6; --weather-muted:#aeb8c7; --weather-line:#374151; --weather-bg:#1f2937; --weather-link:#93c5fd; }
.vm-weather [hidden] { display:none!important; }
.vm-weather__heading { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.vm-weather h2 { margin:0; color:var(--weather-text); font-size:14px; line-height:1.5; font-weight:700; }
#vmWeatherRegion { display:block; color:var(--weather-muted); font-size:12px; font-weight:400; }
.vm-weather button { min-height:44px; padding:4px 8px; border:0; border-radius:7px; background:transparent; color:var(--weather-link); font:inherit; font-size:12px; cursor:pointer; flex-shrink:0; }
.vm-weather button:focus-visible,.vm-weather select:focus-visible { outline:2px solid var(--weather-link); outline-offset:2px; }
.vm-weather button:disabled { opacity:.5; cursor:default; }
#vmWeatherStatus { margin:6px 0; font-size:13px; }
.vm-weather__days { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:6px; }
.vm-weather__day + .vm-weather__day { border-left:1px solid var(--weather-line); padding-left:12px; }
.vm-weather__day h3 { margin:0 0 3px; font-size:13px; font-weight:700; }
.vm-weather__weather-main { margin:0 0 10px; text-align:center; }
.vm-weather__icon { display:block; width:76px; height:58px; margin:0 auto; filter:drop-shadow(0 2px 2px rgba(15,23,42,.15)); }
.vm-weather__sun circle { fill:#fbbf24; }
.vm-weather__sun path { fill:none; stroke:#f59e0b; stroke-width:3; stroke-linecap:round; }
.vm-weather__cloud { fill:#cbd5e1; stroke:#94a3b8; stroke-width:2; stroke-linejoin:round; }
.vm-weather__rain path { fill:none; stroke:#38bdf8; stroke-width:4; stroke-linecap:round; }
.vm-weather__snow path { fill:none; stroke:#60a5fa; stroke-width:2; stroke-linecap:round; }
html[data-vm-theme="dark"] .vm-weather__cloud { fill:#94a3b8; stroke:#cbd5e1; }
.vm-weather__forecast { margin:5px 0 0; font-size:11px; line-height:1.45; color:var(--weather-muted); overflow-wrap:anywhere; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; min-height:2.9em; }
.vm-weather__day dl { display:flex; flex-wrap:wrap; gap:3px 10px; margin:0; font-size:12px; }
.vm-weather__day dl div { display:flex; gap:4px; }
.vm-weather__day dt { font-weight:400; color:var(--weather-muted); }
.vm-weather__day dd { margin:0; font-weight:600; }
.vm-weather__note,.vm-weather__source { margin:7px 0 0; font-size:10px; line-height:1.5; color:var(--weather-muted); }
.vm-weather a { color:var(--weather-link); }
.vm-weather dialog { box-sizing:border-box; width:min(420px,calc(100% - 32px)); max-height:85dvh; padding:20px; border:1px solid var(--weather-line); border-radius:16px; background:var(--weather-bg); color:var(--weather-text); }
.vm-weather dialog::backdrop { background:rgba(0,0,0,.5); }
.vm-weather__help { margin:8px 0 16px; color:var(--weather-muted); font-size:12px; }
.vm-weather label { display:block; font-size:13px; margin-bottom:6px; }
.vm-weather select { width:100%; min-height:44px; padding:8px; border:1px solid var(--weather-line); border-radius:8px; background:var(--weather-bg); color:var(--weather-text); font-size:16px; }
.vm-weather .vm-weather__save { width:100%; margin-top:16px; background:#2563eb; color:#fff; font-size:14px; }
.vm-weather .vm-weather__location { width:100%; margin:0 0 14px; border:1px solid var(--weather-line); }
.vm-weather__pop-periods { margin-top:14px; padding-top:12px; border-top:1px solid var(--weather-line); }
.vm-weather__pop-periods h4 { margin:0 0 8px; font-size:12px; color:var(--weather-muted); }
.vm-weather__pop-periods > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
.vm-weather__pop-periods span { display:grid; gap:3px; text-align:center; }
.vm-weather__pop-periods small { color:var(--weather-muted); font-size:10px; }
.vm-weather__pop-periods strong { font-size:13px; }

/* 専用ページでは予報全文を表示し、共通メニュー・ナビゲーションへの余白を確保する。 */
body.vm-weather-page { margin:0; color:var(--vm-text,#172033); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans",Meiryo,sans-serif; }
.vm-weather-page__main { box-sizing:border-box; width:min(800px,calc(100% - 32px)); margin:0 auto; padding:64px 0 100px; }
.vm-weather-page__main h1 { font-size:28px; margin:0 0 10px; }
.vm-weather-page__intro { color:var(--vm-muted,#64748b); font-size:14px; line-height:1.7; margin:0 0 24px; }
.vm-weather-page .vm-weather { padding:20px; }
.vm-weather-page .vm-weather h2 { font-size:16px; }
.vm-weather-page #vmWeatherRegion { font-size:14px; margin-top:4px; }
.vm-weather-page .vm-weather__days { margin-top:20px; gap:16px; }
.vm-weather-page .vm-weather__day { padding:16px; border:1px solid var(--weather-line); border-radius:10px; }
.vm-weather-page .vm-weather__day h3 { font-size:16px; margin-bottom:12px; }
.vm-weather-page .vm-weather__weather-main { margin-bottom:16px; }
.vm-weather-page .vm-weather__icon { width:100px; height:78px; }
.vm-weather-page .vm-weather__forecast { display:block; overflow:visible; font-size:12px; min-height:0; line-height:1.6; margin:7px 0 0; }
.vm-weather-page .vm-weather__day dl { display:grid; gap:10px; font-size:14px; }
.vm-weather-page .vm-weather__day dl div { justify-content:space-between; }
.vm-weather-page .vm-weather__day dd { font-size:16px; }
.vm-weather-page .vm-weather__note,.vm-weather-page .vm-weather__source { margin-top:14px; font-size:11px; }
.vm-weather-page #vmWeatherStatus { padding:14px 0; line-height:1.8; }
@media(max-width:599px) {
    .vm-weather-page .vm-weather__days { grid-template-columns:1fr; }
    .vm-weather-page .vm-weather { padding:16px; }
    .vm-weather-page .vm-weather__day dl { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
    .vm-weather-page .vm-weather__day dl div { flex-direction:column; gap:5px; }
}
.vm-weather .vm-weather__week-toggle { display:block; width:100%; margin-top:20px; padding:10px; border:1px solid var(--weather-link); font-size:14px; font-weight:700; }
#vmWeatherWeekTitle { margin:24px 0 12px; font-size:16px; }
.vm-weather__week-days { display:grid; gap:10px; }
.vm-weather__week-day { padding:14px; border:1px solid var(--weather-line); border-radius:10px; }
.vm-weather__week-day h4 { margin:0 0 8px; font-size:14px; }
.vm-weather__week-day .vm-weather__weather-main { margin-bottom:12px; }
.vm-weather__week-day .vm-weather__icon { width:64px; height:50px; }
.vm-weather__week-day dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0; font-size:13px; }
.vm-weather__week-day dt { color:var(--weather-muted); font-weight:400; }
.vm-weather__week-day dd { margin:5px 0 0; font-weight:700; }