/* Existing visual identity, less space lost on small screens. */
body { padding-bottom: 110px; }
#loader { display: none !important; }
.top-feed { position: static; padding: 20px 12px; margin: 0 0 24px; border-radius: 12px; box-shadow: 0 2px 12px #0000000c; }
.feed { margin-top: 0; }
.card { height: 100%; border-radius: 12px; overflow: hidden; }
.card h5 { margin: 4px 0; }
.card-body { overflow-wrap: anywhere; }
.video-placeholder { aspect-ratio: 16 / 9; display: flex; align-items: center; justify-content: center; background: #f2f4f1; border-radius: 8px; }
.nav-label { display: block; font-size: 11px; line-height: 1.5; }
li.nav-item { text-align: center; }
.breadcrumb { position: static; justify-content: flex-start; }
.rss-content { min-height: 80px; text-align: left; }
progress { width: 100%; height: 22px; accent-color: #93c54b; }
:focus-visible { outline: 3px solid #658b30; outline-offset: 3px; }
@media(max-width: 576px) { .top-feed h1 { font-size: 1.5rem; } .top-feed p { margin-bottom: 8px; } li.nav-item { margin: 0 12px; } }