.ler-activity-archive { color: #f0f4ff; background: #0a1221; padding: clamp(16px, 3vw, 32px); border: 1px solid #253950; border-radius: 18px; }
.ler-activity-archive a { color: #8bd8ff; }
.ler-archive-intro, .ler-archive-count { color: #b5c4dc; }
.ler-archive-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0; }
.ler-archive-tabs a { padding: 10px 18px; border: 1px solid #537291; border-radius: 999px; text-decoration: none; font-weight: 700; }
.ler-activity-archive .ler-archive-tabs a { color: #bde9ff !important; -webkit-text-fill-color: currentColor; }
.ler-activity-archive .ler-archive-tabs a[aria-current] { background: #ffcc33; color: #07101d !important; border-color: #ffcc33; }
.ler-archive-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.ler-archive-grid--comments { grid-template-columns: 1fr; }
.ler-archive-card { min-width: 0; background: #07111e; border: 1px solid #26384f; border-radius: 12px; padding: 18px; overflow-wrap: anywhere; }
.ler-archive-card h2 { font-family: inherit; font-weight: 700; font-size: 19px; line-height: 1.4; margin: 18px 0 8px; }
.ler-archive-card p { color: #bdc9dc; }
.ler-archive-card img { display: block; width: 100%; height: 280px; object-fit: contain; background: #03070d; border-radius: 8px; }
.ler-archive-comment-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; }
.ler-archive-comment-meta time { color: #a3b4cd; font-size: 14px; }
.ler-archive-comment-text { margin: 12px 0; }
.ler-activity-archive .ler-archive-pagination { margin-top: 28px !important; }
.ler-archive-pagination ul { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0; }
.ler-archive-pagination .page-numbers a, .ler-archive-pagination .page-numbers span { display: block; padding: 8px 14px; border: 1px solid #537291; border-radius: 8px; }
.ler-archive-pagination .current { background: #ffcc33; color: #07101d; }
.ler-activity-archive a:focus-visible, .ler-video-player a:focus-visible { outline: 3px solid #ffcc33; outline-offset: 4px; }
.ler-video-player { position: relative; background: #03070d; border-radius: 12px; overflow: hidden; }
.ler-video-player .ler-video-duration { position: absolute; z-index: 1; top: 12px; left: 12px; max-width: calc(100% - 24px); box-sizing: border-box; padding: 5px 10px; border: 1px solid #537291; border-radius: 999px; background: #07111e; color: #f0f4ff; font-size: 13px; font-weight: 600; line-height: 1.5; pointer-events: none; }
.ler-video-player video { display: block; width: 100%; aspect-ratio: var(--ler-video-ratio, 16 / 9); max-height: 520px; object-fit: contain; background: #000; }
.ler-video-player .ler-video-help { padding: 12px 16px 16px; font-size: 14px; line-height: 1.5; }
.ler-video-player .ler-video-help a { color: #8bd8ff; }
.ler-video-player .ler-video-error { color: #ffe173; margin: 0 0 8px; }
.ler-video-player [hidden] { display: none; }
@media (max-width: 640px) {
  .ler-archive-grid { grid-template-columns: 1fr; }
  .ler-archive-card { padding: 14px; }
  .ler-archive-card img { height: 230px; }
}