/* 大雨・洪水の露出部品（全ページ上部の帯・トップの全幅の帯・サイドバーのカード）。
   警戒レベルの色は config/bosai.php と同じ（2=黄, 3=赤, 4=紫, 5=黒）。 */
.bosai-level{display:inline-block;padding:2px 8px;border-radius:6px;font-size:.72rem;font-weight:800;color:#fff;white-space:nowrap;vertical-align:middle;line-height:1.6}
.bosai-level.lv2{background:#f2e700;color:#222}
.bosai-level.lv3{background:#ff2800}
.bosai-level.lv4{background:#aa00aa}
.bosai-level.lv5{background:#0c000c;box-shadow:0 0 0 2px #fff inset}

/* 全ページ上部の細い帯 */
.bosai-bar{display:flex;align-items:center;gap:8px;padding:8px max(16px,calc((100% - 1140px) / 2 + 15px));color:#fff;font-size:.88rem}
.bosai-bar[hidden]{display:none}
.bosai-bar.lv3{background:#c81e00}
.bosai-bar.lv4{background:#8a008a}
.bosai-bar.lv5{background:#0c000c;border-bottom:3px solid #aa00aa}
.bosai-bar__link{display:flex;align-items:center;gap:10px;flex:1;min-width:0;color:#fff!important;text-decoration:none!important}
.bosai-bar__link .bosai-level{box-shadow:0 0 0 1px rgba(255,255,255,.8)}
.bosai-bar__text{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.bosai-bar__more{margin-left:auto;white-space:nowrap;opacity:.9;font-size:.8rem}
.bosai-bar__close{background:transparent;border:0;color:#fff;font-size:1.3rem;line-height:1;padding:0 4px;cursor:pointer}
@media (max-width:575px){.bosai-bar__more{display:none}.bosai-bar__text{white-space:normal}}

/* トップの全幅の帯（レベル4以上） */
.bosai-band{border-radius:14px;padding:18px 22px;margin:16px 0 18px;color:#fff}
.bosai-band.lv4{background:linear-gradient(120deg,#6d006d,#aa00aa)}
.bosai-band.lv5{background:#0c000c;border:3px solid #aa00aa}
.bosai-band__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bosai-band__head h2{font-size:1.15rem;font-weight:900;margin:0;color:#fff}
.bosai-band__head .bosai-level{box-shadow:0 0 0 2px #fff}
.bosai-band__list{margin:10px 0 6px;padding-left:1.2em;line-height:1.8}
.bosai-band__list a,.bosai-band__note a{color:#fff;text-decoration:underline}
.bosai-band__list small{opacity:.85;margin-left:4px}
.bosai-band__note{margin:0;font-size:.85rem;opacity:.95}

/* サイドバーのカード */
.bosai-widget{padding:14px 16px;border-left:5px solid #2e9d6a}
.bosai-widget.lv2{border-left-color:#f2e700}
.bosai-widget.lv3{border-left-color:#ff2800}
.bosai-widget.lv4{border-left-color:#aa00aa}
.bosai-widget.lv5{border-left-color:#0c000c}
.bosai-widget [hidden]{display:none!important}
.bosai-widget__head{display:flex;align-items:center;gap:8px;color:inherit!important;text-decoration:none!important}
.bosai-widget__title{font-weight:800;flex:1}
.bosai-widget__ok{font-size:.72rem;font-weight:700;color:#2e9d6a;border:1px solid currentColor;border-radius:6px;padding:1px 7px;white-space:nowrap}
.bosai-widget__calm{font-size:.8rem;line-height:1.7;color:#64748b;margin:8px 0 4px}
.bosai-widget__list,.bosai-widget__follow ul{list-style:none;padding:0;margin:10px 0 4px}
.bosai-widget__list li,.bosai-widget__follow li{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:4px 0;font-size:.85rem;border-bottom:1px dashed rgba(100,116,139,.25)}
.bosai-widget__list li:last-child,.bosai-widget__follow li:last-child{border-bottom:0}
.bosai-widget__list a,.bosai-widget__follow a{color:inherit}
.bosai-widget__list small{color:#64748b;font-size:.75rem;flex-basis:100%;padding-left:2.4em}
.bosai-widget__more{font-size:.75rem;color:#64748b;margin:0}
.bosai-widget__follow-title{font-size:.72rem;font-weight:800;color:#64748b;margin:10px 0 0;letter-spacing:.05em}
.bosai-widget__cta{display:block;margin-top:8px;font-size:.82rem;font-weight:700}
.bosai-widget__hint{display:block;font-size:.7rem;color:#94a3b8;margin-top:4px}
html.dark-mode .bosai-widget__calm,html.dark-mode .bosai-widget__list small,html.dark-mode .bosai-widget__more{color:#a3b2bf}