/* ==========================================================================
   base.css — global reset (from src/index.css + src/App.css) plus the small
   additions the static build needs.
   ========================================================================== */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  overflow-x: hidden;
  display: block !important;
  place-items: unset !important;
  min-width: unset !important;
  background: #EDF3FF;
}

img, video { max-width: 100%; display: block; }

a { color: inherit; text-decoration: none; }

button { font: inherit; color: inherit; background: none; border: none; cursor: pointer; }

ul, ol { list-style: none; }

/* ---------- Back to top ---------- */
.toTop {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 900;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: linear-gradient(145deg, #f0c37a, #d4a24c);
  color: #fff;
  box-shadow: 0 12px 32px rgba(212, 162, 76, 0.32);
  opacity: 0;
  visibility: hidden;
  transform: translateY(16px);
  transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s;
}

.toTop--show { opacity: 1; visibility: visible; transform: none; }

@media (max-width: 480px) {
  .toTop { right: 14px; bottom: 14px; width: 40px; height: 40px; }
}

/* ---------- News loading skeletons ---------- */
.news2__skeleton {
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(212, 162, 76, 0.18);
  min-height: 300px;
}

.news2__skeletonImg { aspect-ratio: 16 / 10; }

.news2__skeletonImg,
.news2__skeletonLine {
  background: linear-gradient(90deg, #eef2f9 25%, #f7fafe 50%, #eef2f9 75%);
  background-size: 200% 100%;
  animation: news2Shimmer 1.4s infinite;
}

.news2__skeletonLine { height: 12px; border-radius: 6px; margin: 14px 18px; }

.news2__skeletonLine--short { width: 55%; }

@keyframes news2Shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}