/* MoICT Somalia — Custom styles (supplements Tailwind) */

/* Prose content in news articles */
.prose h2 { font-size: 1.25rem; font-weight: 700; color: #091650; margin: 1.5rem 0 .75rem; }
.prose h3 { font-size: 1.1rem; font-weight: 600; color: #222d66; margin: 1.25rem 0 .5rem; }
.prose p  { margin-bottom: 1rem; line-height: 1.75; }
.prose ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1rem; }
.prose ol { list-style: decimal; padding-left: 1.5rem; margin-bottom: 1rem; }
.prose li { margin-bottom: .5rem; }
.prose a  { color: #00658d; text-decoration: underline; }
.prose blockquote { border-left: 4px solid #00658d; padding-left: 1rem; color: #454650; font-style: italic; margin: 1.5rem 0; }
.prose img { max-width: 100%; border-radius: .25rem; margin: 1rem 0; }
.prose table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: .875rem; }
.prose th { background: #f3f3f4; padding: .5rem .75rem; text-align: left; font-weight: 700; border: 1px solid #c6c5d1; }
.prose td { padding: .5rem .75rem; border: 1px solid #c6c5d1; }

/* Line clamp utilities */
.line-clamp-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* Mobile bottom nav padding */
@media (max-width: 767px) {
  main { padding-bottom: 72px; }
}

/* Print */
@media print {
  header, footer, nav.fixed, #mobile-menu, #search-bar { display: none !important; }
  main { padding-bottom: 0 !important; }
}

/* Focus visible styles for accessibility */
:focus-visible { outline: 2px solid #F4811F; outline-offset: 2px; }