/* The alert agent on /alertes-climat (2026-11-11). */
.raa { margin: 0 0 1.2rem; padding: 1.1rem 1.2rem; border: 1px solid #d9d4fb; border-radius: 14px; background: linear-gradient(180deg, #f8f7ff 0, #fff 150px); box-shadow: 0 2px 10px rgba(75, 47, 201, .06); }
.raa__head { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; }
.raa__head h2 { margin: 0; font-size: 1.2rem; color: #0b2a45; }
.raa__head p { margin: .1rem 0 0; font-size: .86rem; color: #4b5563; 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, #0077be, #7b4dff); color: #fff; font-weight: 800; box-shadow: 0 4px 12px rgba(123, 77, 255, .3); }
.raa__live { margin-left: auto; display: inline-flex; align-items: center; gap: .4rem; font-size: .76rem; font-weight: 600; color: #4b2fc9; }
.raa__live i { width: .5rem; height: .5rem; border-radius: 50%; background: #3ddc84; animation: raa-pulse 2s infinite; }
@keyframes raa-pulse { 0% { box-shadow: 0 0 0 0 rgba(61, 220, 132, .6); } 70% { box-shadow: 0 0 0 .45rem rgba(61, 220, 132, 0); } 100% { box-shadow: 0 0 0 0 rgba(61, 220, 132, 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 #e5e9ee; border-left: 4px solid #2e9e5b; border-radius: 10px; background: #fff; }
.raa__now li span { font-size: .7rem; color: #6b7280; text-transform: uppercase; letter-spacing: .04em; }
.raa__now li b { font-size: .98rem; color: #0b2a45; }
.raa__now li small { font-size: .74rem; color: #6b7280; }
.raa-l1 { border-left-color: #e0b100 !important; }
.raa-l2 { border-left-color: #e67e22 !important; background: #fffaf5 !important; }
.raa-l3 { border-left-color: #c0392b !important; background: #fdf6f5 !important; }
.raa-fig { border-left-color: #0077be !important; }
.raa__bul { margin-bottom: .8rem; padding: .85rem 1rem; border: 1px solid #ebe8fd; border-radius: 12px; background: #fff; }
.raa__bul h3, .raa__ask h3 { margin: 0 0 .4rem; font-size: .95rem; color: #0b2a45; }
.raa__bul p { margin: 0 0 .4rem; font-size: .93rem; line-height: 1.55; }
.raa__bul h4 { margin: .4rem 0 .2rem; font-size: .74rem; text-transform: uppercase; letter-spacing: .04em; color: #4b2fc9; }
.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: .74rem !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 #d9d4fb; border-radius: 999px; background: #f8f7ff; color: #4b2fc9; font: inherit; font-size: .8rem; cursor: pointer; }
.raa__ask form { display: flex; gap: .4rem; }
.raa__ask input { flex: 1; min-width: 0; padding: .5rem .7rem; border: 1px solid #cfd8e3; border-radius: 8px; font: inherit; }
.raa__q { margin: .6rem 0 .3rem; font-weight: 700; font-size: .86rem; color: #0b2a45; }
.raa__a { padding: .6rem .75rem; border-radius: 8px; background: #f8f7ff; font-size: .88rem; line-height: 1.55; }
@media (max-width: 760px) { .raa__now { grid-template-columns: repeat(2, minmax(0, 1fr)); } }