@keyframes laPlop { 0% { opacity: 0; transform: scale(0.96) translateY(16px); } 60% { opacity: 1; transform: scale(1.01) translateY(0); } 100% { opacity: 1; transform: scale(1) translateY(0); } }

@media (max-width: 1000px) {
  [data-layout="split"] { grid-template-columns: minmax(0, 1fr) !important; gap: 22px !important; }
  [data-layout="split"] > nav { position: static !important; top: auto !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 8px !important; padding: 16px !important; border-radius: 26px !important; }
  [data-layout="split"] > nav > span:first-child { flex: 1 0 100%; padding: 2px 6px 6px !important; }
  [data-layout="split"] > nav > button { flex: 1 1 auto; text-align: center !important; padding: 11px 16px !important; border-radius: 999px !important; font-size: 14px !important; border: 1px solid rgba(255,255,255,0.10) !important; }
  [data-layout="split"] > nav > span[style*="height: 1px"] { display: none !important; }
  [data-layout="split"] > nav > a { flex: 1 1 auto; text-align: center !important; }
}

@media (max-width: 700px) {
  section > h1 { font-size: 40px !important; }
  article, div[data-acc] { padding: 24px 20px !important; border-radius: 24px !important; }
  article h3 { font-size: 19px !important; }
  article ul, article ol { padding-left: 18px !important; }
  li { padding-left: 18px !important; padding-right: 18px !important; }
}

@media (max-width: 420px) {
  [data-layout="split"] > nav > button { flex: 1 1 100%; }
}