:root {
    color-scheme: light;
}
@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: light;
    }
    body {
        background-color: #ffffff;
        color: #000000;
    }
}

:root {
   --primary-color: #ff9933; 
   --secondary-color: #ffffff; 
   --accent-color: #e68a00; 
--dark-text-color: #333333;
--border-radius: 12px;
}

.mainContentWrapper {
   padding: 0;
   margin: 0;
}

.newsHeaderBanner {
   background-color: #f0f0f0; 
   width: 100%;
   padding: 60px 20px;
   text-align: center;
   border-bottom: 20px solid var(--primary-color); 
}

.bannerTitle {
   font-size: 3em;
   font-family: 'Charis SIL Bold', serif;
   color: var(--primary-color);
   margin-bottom: 20px;
   font-weight: bold;
}

.bannerText {
   color: #666; 
   font-size: 1.1em;
   max-width: 800px;
   margin: 0 auto;
}

.newsArticleGroup {
   padding-right: 30px;
}
.newsOuter {
   padding-top: 40px;
   padding-bottom: 40px;
}
.newsContentGroup {
   background-color: var(--secondary-color);
}

.articleImageWrapper {
   width: 100%;
}

.placeholderImage {
   background-color: #f0f0f0; 
   width: 100%;
   height: 350px; 
   border-radius: 5px;
}

.articleHeadline {
   font-size: 2.5em;
   font-family: 'Geist', sans-serif;
   color: var(--primary-color); 
   font-weight: bold;
   margin-bottom: 25px;
}

.articleBody p {
   font-size: 1em;
   line-height: 1.6;
   color: var(--dark-text-color);
   margin-bottom: 20px;
   text-align: justify;
}

.moreNewsSection {
   margin-top: 48px;
}

.moreNewsDivider {
   display: flex;
   align-items: center;
   gap: 16px;
   margin: 0 0 28px;
}

.moreNewsDividerLine {
   flex: 1;
   height: 1px;
   background: linear-gradient(90deg, rgba(255,153,51,0.08), rgba(255,153,51,0.75), rgba(255,153,51,0.08));
}

.moreNewsDividerText {
   font-size: 0.95rem;
   font-weight: 700;
   letter-spacing: 0.16em;
   text-transform: uppercase;
   color: var(--primary-color);
   white-space: nowrap;
}

.moreNewsList {
   display: flex;
   flex-direction: column;
   gap: 24px;
}

.moreNewsCard {
   margin: 0;
   border-radius: 18px;
   padding: 18px;
   cursor: pointer;
   transition: background-color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}

.moreNewsCard:hover {
   background: rgba(255, 153, 51, 0.06);
   transform: translateY(-2px);
}

.moreNewsCard:focus,
.moreNewsCard:focus-visible {
   outline: 0;
   box-shadow: 0 0 0 3px rgba(255, 153, 51, 0.18);
}

.moreNewsCard.is-active {
   background: linear-gradient(180deg, rgba(255, 153, 51, 0.12), rgba(255, 153, 51, 0.04));
}

.moreNewsCardInner {
   display: grid;
   grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
   gap: 24px;
   align-items: start;
}

.moreNewsCardImage {
   width: 100%;
   border-radius: 16px;
   overflow: hidden;
   background: #f2f2f2;
   box-shadow: 0 16px 30px rgba(0, 0, 0, 0.08);
}

.moreNewsCardImage img {
   width: 100%;
   height: 100%;
   min-height: 180px;
   object-fit: cover;
   display: block;
}

.moreNewsCardContent {
   min-width: 0;
}

.moreNewsCardDate {
   margin: 0 0 10px;
   font-size: 0.82rem;
   font-weight: 700;
   letter-spacing: 0.08em;
   text-transform: uppercase;
   color: #8c8c8c;
}

.moreNewsCardTitle {
   margin: 0 0 12px;
   font-size: 1.55rem;
   line-height: 1.2;
   font-family: 'Geist', sans-serif;
   font-weight: 700;
   color: #222;
}

.moreNewsCardText {
   margin: 0;
   font-size: 1rem;
   line-height: 1.7;
   color: #5d5d5d;
   text-align: justify;
}

.moreNewsCardDivider {
   height: 1px;
   margin-top: 24px;
   background: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,0.14), rgba(0,0,0,0));
}

.sidebarSection {
   background-color: #f0f0f0; 
   padding: 20px;
   border-radius: 5px;
   margin-bottom: 30px;
}

.sidebarTitle {
   font-size: 1.5em;
   font-family: 'Geist', sans-serif;
   color: var(--primary-color); 
   font-weight: bold;
   margin-bottom: 15px;
   border-bottom: 2px solid var(--primary-color);
   padding-bottom: 5px;
}

.announcementItem {
   margin-bottom: 15px;
   border: 0;
   outline: 0;
   box-shadow: none;
}

.announcementItemInteractive {
   width: 100%;
   text-align: left;
   border: 0;
   background: transparent;
   padding: 0;
   cursor: pointer;
   outline: none;
   box-shadow: none;
}

.announcementItemInteractive:hover .announcementText {
   color: var(--accent-color);
}

.announcementItemInteractive:focus,
.announcementItemInteractive:focus-visible,
.announcementItemInteractive:active {
   outline: none !important;
   border: 0 !important;
   box-shadow: none !important;
}

.announcementItemInteractive,
.announcementItemInteractive .announcementText,
.announcementItemInteractive .announcementPreviewText,
.announcementItemInteractive .announcementDate {
   text-align: left !important;
}

.announcementItemInteractive,
.announcementItemInteractive * {
   border: 0 !important;
   outline: 0 !important;
   box-shadow: none !important;
   background: transparent !important;
}

.announcementItemInteractive .announcementText,
.announcementItemInteractive .announcementPreviewText,
.announcementItemInteractive .announcementDate {
   display: block;
}

.announcementText {
   font-size: 1em;
   font-weight: 500;
   color: var(--dark-text-color);
   margin-bottom: 5px;
}

.announcementPreviewText {
   font-size: 0.95em;
   color: #5f6368;
   line-height: 1.55;
   margin-bottom: 8px;
}

.announcementDate {
   font-size: 0.85em;
   color: #999;
   display: block; 
}

.sidebarDivider {
   color: #ccc;
   margin-top: 15px;
   margin-bottom: 15px;
}

.publicAnnouncementModalContent {
   border-radius: 12px;
   overflow: hidden;
}

.publicAnnouncementModalHeader {
   align-items: flex-start;
}

.publicAnnouncementModalHeader .modal-title {
   font-size: 1.6rem;
   font-family: 'Charis SIL Bold', serif;
   color: var(--primary-color);
   font-weight: 700;
   text-align: left;
}

.publicAnnouncementModalBody {
   text-align: left;
}

.publicAnnouncementModalArticle {
   word-break: break-word;
}

.publicAnnouncementModalArticle img,
.publicAnnouncementModalArticle video,
.publicAnnouncementModalArticle iframe,
.publicAnnouncementModalArticle table {
   max-width: 100%;
   height: auto;
}

@media (max-width: 768px) {
   .newsHeaderBanner {
      padding: 40px 15px;
      border-bottom-width: 10px;
   }
   .bannerTitle {
      font-size: 2.5em;
   }
   .newsArticleGroup {
      padding-right: 15px; 
   }
    .placeholderImage {
      height: 160px;
    }
   .articleHeadline {
      font-size: 2em;
   }
   .moreNewsSection {
      margin-top: 36px;
   }
   .moreNewsDivider {
      gap: 12px;
      margin-bottom: 22px;
   }
   .moreNewsDividerText {
      font-size: 0.82rem;
      letter-spacing: 0.12em;
   }
   .moreNewsCardInner {
      grid-template-columns: 1fr;
      gap: 16px;
   }
   .moreNewsCard {
      padding: 16px 14px;
   }
   .moreNewsCardImage img {
      min-height: 180px;
   }
   .moreNewsCardTitle {
      font-size: 1.28rem;
   }
   .moreNewsCardText {
      font-size: 0.96rem;
   }
   .sidebarSection {
      margin-top: 20px; 
   }
   .sidebarTitle {
      font-size: 16px;
   }
   .announcementText {
      font-size: 16px;
   }
   .announcementPreviewText {
      font-size: 0.92em;
   }
   .publicAnnouncementModalHeader .modal-title {
      font-size: 1.3rem;
   }
}