/* The alert agent on /alertes-climat (2026-11-11). */
.raa { margin: 0 0 1.2rem; padding: 1.1rem 1.2rem; border: 1px solid #f2ddef; border-radius: 14px; background: linear-gradient(180deg, #fdf9fc 0, #fff 150px); box-shadow: 0 2px 10px rgba(177, 71, 161, .06); }
.raa__head { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; }
.raa__head h2 { margin: 0; font-size: 1.2rem; color: #2c2b47; }
.raa__head p { margin: .1rem 0 0; font-size: .875rem; color: #4c4b63; max-width: 48rem; }
.raa__avatar { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 2.6rem; height: 2.6rem; border-radius: 12px; background: linear-gradient(135deg, #3b3a5e, #cc80c1); color: #fff; font-weight: 800; box-shadow: 0 4px 12px rgba(204, 128, 193, .3); }
.raa__live { margin-left: auto; display: inline-flex; align-items: center; gap: .4rem; font-size: .875rem; font-weight: 600; color: #b147a1; }
.raa__live i { width: .5rem; height: .5rem; border-radius: 50%; background: #5cbd91; animation: raa-pulse 2s infinite; }
@keyframes raa-pulse { 0% { box-shadow: 0 0 0 0 rgba(92, 189, 145, .6); } 70% { box-shadow: 0 0 0 .45rem rgba(92, 189, 145, 0); } 100% { box-shadow: 0 0 0 0 rgba(92, 189, 145, 0); } }
.raa__pulse { animation: raa-fade 1.3s ease-in-out infinite alternate; }
@keyframes raa-fade { from { opacity: .45; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .raa__live i, .raa__pulse { animation: none; } }
.raa__now { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; margin: .9rem 0; padding: 0; }
.raa__now li { display: flex; flex-direction: column; gap: .1rem; padding: .6rem .7rem; border: 1px solid #e5e5ee; border-left: 4px solid #3b916a; border-radius: 10px; background: #fff; }
.raa__now li span { font-size: .875rem; color: #6b7280; text-transform: uppercase; letter-spacing: .04em; }
.raa__now li b { font-size: .98rem; color: #2c2b47; }
.raa__now li small { font-size: .875rem; color: #6b7280; }
.raa-l1 { border-left-color: #ce8812 !important; }
.raa-l2 { border-left-color: #e66322 !important; background: #fef9f6 !important; }
.raa-l3 { border-left-color: #b8470f !important; background: #fdf8f5 !important; }
.raa-fig { border-left-color: #3b3a5e !important; }
.raa__bul { margin-bottom: .8rem; padding: .85rem 1rem; border: 1px solid #f8edf6; border-radius: 12px; background: #fff; }
.raa__bul h3, .raa__ask h3 { margin: 0 0 .4rem; font-size: .95rem; color: #2c2b47; }
.raa__bul p { margin: 0 0 .4rem; font-size: .93rem; line-height: 1.55; }
.raa__bul h4 { margin: .4rem 0 .2rem; font-size: .875rem; text-transform: uppercase; letter-spacing: .04em; color: #b147a1; }
.raa__bul ol { margin: 0 0 .3rem; padding-left: 1.2rem; font-size: .88rem; line-height: 1.5; }
.raa__note { margin: .3rem 0 0; font-size: .875rem !important; color: #6b7280; }
.raa__ask { padding-top: .2rem; }
.raa__qs { display: flex; flex-wrap: wrap; gap: .35rem; margin: 0 0 .5rem; }
.raa__qs button { padding: .3rem .7rem; border: 1px solid #f2ddef; border-radius: 999px; background: #fdf9fc; color: #b147a1; font: inherit; font-size: .875rem; cursor: pointer; }
.raa__ask form { display: flex; gap: .4rem; }
.raa__ask input { flex: 1; min-width: 0; padding: .5rem .7rem; border: 1px solid #d0cfe3; border-radius: 8px; font: inherit; }
.raa__q { margin: .6rem 0 .3rem; font-weight: 700; font-size: .875rem; color: #2c2b47; }
.raa__a { padding: .6rem .75rem; border-radius: 8px; background: #fdf9fc; font-size: .88rem; line-height: 1.55; }
@media (max-width: 760px) { .raa__now { grid-template-columns: repeat(2, minmax(0, 1fr)); } }