#news .search-results {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

#stories .search-results {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
#team .search-results {
    display: flex;
    gap: 1px;
    overflow-x: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #D6CFC0;
    background: #D6CFC0;
}
#team .team-card{
	background:#FDFBF7; 
	width:220px;
    flex-shrink:0;
	border:1px solid #D6CFC0;
    background:#D6CFC0;}
#team-archive .search-results{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    list-style:none;
    margin:20px 0;
    padding:0;
    
}
#team-archive .team-card{
    width:90%;
    max-width:340px;
    margin:0 auto;
    border:1px solid #fff;
    background:#D6CFC0;
}

@media (max-width:1023px){
    #team-archive .search-results{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:639px){
    #team-archive .search-results{
        grid-template-columns:1fr;
    }
}



#resources .search-results {
    display: flex;
    align-items: center;
    gap: 64px;
    overflow-x: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;

    /* Hide scrollbar */
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#resources .search-results::-webkit-scrollbar {
    display: none;
}

#resources .search-entry {
    flex: 0 0 auto;
    list-style: none;
    margin: 0;
    padding: 0;
}

#resources .marquee-item {
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
}

#resources .divider-dot {
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    background-color: #006f26;
    display: inline-block;
}

@media (max-width: 767px) {
    #resources .search-results {
        gap: 40px;
    }
}

@media (min-width: 768px) {

  #news .search-results {
    grid-template-columns: repeat(3, 1fr);
  }

  #stories .search-results {
    grid-template-columns: repeat(3, 1fr);
  }

}

header nav ul {
    display: flex;
    align-items: center;
    gap: 36px;
    list-style: none;
    margin: 0;
    padding: 0;
}

header nav li {
    margin: 0;
    padding: 0;
	list-style:none;
}

header nav li a {
    font-size: 0.875rem;
    font-weight: 500;
    color: #1C1917;
    transition: color .3s ease;
}

header nav li a:hover,
header nav li.current a {
    color: #D97706;
}
#mobile-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#mobile-menu li {
    border-bottom: 1px solid #E8E3D5;
	list-style:none;
}

#mobile-menu li a {
    display: block;
    padding: 14px 0;
    color: #1C1917;
    font-weight: 500;
}


/* ========================================
   ARTICLE CONTENT
======================================== */

.article-body {
    color: #44403C;
    font-size: 1.125rem;
    line-height: 1.9;
}

.article-body p {
    margin-bottom: 1.75rem;
}

.article-body h2 {
    font-family: var(--font-heading, serif);
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 700;
    color: #1C1917;
    margin-top: 3rem;
    margin-bottom: 1rem;
}

.article-body h3 {
    font-family: var(--font-heading, serif);
    font-size: 1.5rem;
    font-weight: 700;
    color: #1C1917;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.article-body ul,
.article-body ol {
    margin: 1.5rem 0;
    padding-left: 1.5rem;
}

.article-body li {
    margin-bottom: 0.75rem;
}

.article-body img {
    width: 100%;
    height: auto;
    margin: 2.5rem 0;
}

.article-body a {
    color: #166534;
    text-decoration: underline;
}

.article-body blockquote {
    border-left: 4px solid #166534;
    padding-left: 1.5rem;
    margin: 2rem 0;
    font-style: italic;
    color: #57534E;
}


/* ========================================
   ARTICLE IMAGES
======================================== */

.article-body img {
    display: block;
    width: 100%;
    height: auto;
    margin: 2.5rem auto;
    border: 1px solid #E8E3D5;
    border-radius: 2px;
}

.article-body figure {
    margin: 2.5rem 0;
}

.article-body figure img {
    margin: 0;
}

.article-body figcaption {
    margin-top: .75rem;
    text-align: center;
    font-size: .875rem;
    color: #78716C;
    font-style: italic;
    line-height: 1.6;
}

.article-body img {
    display: block;
    width: 100%;
    height: auto;
    margin: 2.5rem auto;
    border: 1px solid #E8E3D5;
    border-radius: 2px;
    cursor: zoom-in;
    transition: transform .3s ease, opacity .3s ease;
}

.article-body img:hover {
    opacity: .95;
    transform: scale(1.01);
}

#lightbox-image {
    border: 1px solid #E8E3D5;
    background: #FDFBF7;
    padding: 8px;
    box-shadow: 0 25px 50px rgba(0,0,0,.35);
}