/* 260930-005434 */
.spf-table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 1.5rem 0 2rem;
}

.spf-table-wrapper .spf-table {
  width: 100%;
  min-width: 700px;
  border-collapse: collapse;
  border: 1px solid #d8e0da;
  font-size: .95rem;
  line-height: 1.45;
}

.spf-table-wrapper .spf-table th,
.spf-table-wrapper .spf-table td {
  padding: .8rem 1rem;
  border: 1px solid #d8e0da;
  text-align: left;
  vertical-align: top;
}
.mp-callout--danger {
  background: #fdf2f1;
  border-color: #f0d0cc;
  border-left-color: #b3261e;
  color: #3a1f1c;
}
.mp-callout--danger strong { color: #b3261e; }
.mp-callout--danger::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B3261E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.2 2h7.6L22 8.2v7.6L15.8 22H8.2L2 15.8V8.2z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E");
}

.spf-table-wrapper .spf-table thead th {
  background: #f1f6f3;
  color: #1c2521;
  font-weight: 600;
}

.spf-table-wrapper .spf-table tbody th {
  background: #fafbfa;
  color: #1c2521;
  font-weight: 600;
  width: 30%;
}

.spf-table-wrapper .spf-table td:nth-child(2) {
  width: 24%;
}

.spf-table-wrapper .spf-table td:nth-child(3) {
  width: 46%;
  color: #5e6b64;
}

/* Pastilles d'indice */
.spf-table .spf {
  display: inline-block;
  margin-right: .3rem;
  padding: .18rem .55rem;
  border-radius: 999px;
  font-size: .85rem;
  font-weight: 700;
  line-height: 1.4;
  white-space: nowrap;
}

.spf-table .spf--30 {
  background: #fdf3e2;
  color: #8a5f10;
  border: 1px solid #ecdcbe;
}

.spf-table .spf--50 {
  background: #fde9d8;
  color: #a24f12;
  border: 1px solid #f0cfb2;
}

.spf-table .spf--50plus {
  background: #fbe9e7;
  color: #b3261e;
  border: 1px solid #f0d0cc;
}
.uv-table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 1.5rem 0 2rem;
}

.uv-table-wrapper .uv-table {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
  border: 1px solid #d8e0da;
  font-size: .95rem;
  line-height: 1.45;
}

.uv-table-wrapper .uv-table th,
.uv-table-wrapper .uv-table td {
  padding: .8rem 1rem;
  border: 1px solid #d8e0da;
  text-align: left;
  vertical-align: top;
}

.uv-table-wrapper .uv-table thead th {
  background: #f1f6f3;
  color: #1c2521;
  font-weight: 600;
}

.uv-table-wrapper .uv-table tbody th {
  background: #fafbfa;
  color: #1c2521;
  font-weight: 700;
  width: 14%;
  white-space: nowrap;
}

.uv-table-wrapper .uv-table td:nth-child(2) {
  width: 18%;
}

.uv-table-wrapper .uv-table td:nth-child(3) {
  width: 68%;
  color: #5e6b64;
}

/* Pastilles de niveau UV (échelle OMS) */
.uv-table .uv {
  display: inline-block;
  padding: .18rem .6rem;
  border-radius: 999px;
  font-size: .85rem;
  font-weight: 700;
  line-height: 1.4;
  white-space: nowrap;
}

.uv-table .uv--1 { background: #e3f0e8; color: #1a6b50; border: 1px solid #bcdcc9; }
.uv-table .uv--2 { background: #fdf3e2; color: #8a5f10; border: 1px solid #ecdcbe; }
.uv-table .uv--3 { background: #fde9d8; color: #a24f12; border: 1px solid #f0cfb2; }
.uv-table .uv--4 { background: #fbe9e7; color: #b3261e; border: 1px solid #f0d0cc; }
.uv-table .uv--5 { background: #f3eaf4; color: #6b2c86; border: 1px solid #ddc9e2; }
.mp-callout--local--sun::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F7A96' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4.5'/%3E%3Cpath d='M12 2v2.5M12 19.5V22M2 12h2.5M19.5 12H22M4.9 4.9l1.8 1.8M17.3 17.3l1.8 1.8M19.1 4.9l-1.8 1.8M6.7 17.3l-1.8 1.8'/%3E%3C/svg%3E");
}
.author-box {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background-color: #f8f9fa;
  border-left: 4px solid #2a7d4f;
  border-radius: 6px;
  padding: 16px 20px;
  margin: 32px 0;
  font-size: 0.92rem;
  color: #333;
}

.author-box::before {
  content: "✍️";
  font-size: 1.4rem;
  flex-shrink: 0;
  margin-top: 2px;
}

.author-box strong {
  font-weight: 700;
  color: #1a1a1a;
}

.author-box a {
  color: #2a7d4f;
  text-decoration: underline;
}

.author-box a:hover {
  color: #1a5c38;
}

.author-box small {
  display: block;
  margin-top: 6px;
  color: #666;
  font-size: 0.82rem;
}

.author-box p {
  margin: 0;
}

.author-box p + p {
  margin-top: 4px;
}