/* Articles feature — matches Linguini theme spacing and colors */
nav.navigation-mobile .menu {
  display: none;
}

.articles-intro {
  margin-bottom: 1.5em;
  max-width: 42em;
  line-height: 1.6;
}

.articles-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 640px) {
  .articles-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 960px) {
  .articles-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.articles-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  color: inherit;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
}

.articles-card:hover {
  border-color: #2561aa;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
}

.articles-card:hover,
.articles-card:hover .articles-card-title {
  background-color: transparent;
}

.articles-card-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 1.25rem 1.35rem 1.35rem;
}

.articles-card-title {
  margin: 0 0 0.65em;
  font-size: 1.15em;
  line-height: 1.35;
  color: #efad1b;
}

.articles-card-excerpt {
  margin: 0 0 1em;
  flex: 1 1 auto;
  font-size: 0.95em;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.articles-card-meta {
  margin-top: auto;
  font-size: 0.85em;
  line-height: 1.4;
  opacity: 0.92;
}

.articles-card-meta .articles-card-date {
  display: block;
  margin-bottom: 0.25em;
}

.articles-card-meta .articles-card-source {
  color: #2561aa;
  font-weight: bold;
}

.articles-loading,
.articles-empty,
.articles-error {
  padding: 1em 0;
  line-height: 1.6;
}

.article-detail-wrap {
  max-width: 42em;
}

.article-detail-meta {
  margin: 0 0 1.5em;
  font-size: 0.95em;
  line-height: 1.5;
}

.article-detail-content {
  line-height: 1.65;
  font-size: 1em;
}

.article-detail-content h3 {
  margin: 1.75em 0 0.65em;
  font-size: 1.1em;
  color: #2561aa;
}

.article-detail-content p {
  margin: 0 0 1em;
}

.article-source-box {
  margin-top: 2.5em;
  padding: 1.25rem 1.35rem;
  border-left: 4px solid #2561aa;
  background: rgba(0, 0, 0, 0.2);
  font-size: 0.95em;
  line-height: 1.55;
  max-width: 42em;
}

.article-source-box h3 {
  margin: 0 0 0.75em;
  font-size: 1.05em;
  color: #efad1b;
}

.article-source-box dl {
  margin: 0;
}

.article-source-box dt {
  font-weight: bold;
  margin-top: 0.65em;
  color: #2561aa;
}

.article-source-box dt:first-of-type {
  margin-top: 0;
}

.article-source-box dd {
  margin: 0.15em 0 0;
}

.article-source-box a {
  word-break: break-word;
}

.article-back {
  margin: 0 0 1.5em;
}

.article-back .button a {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
}

.article-not-found {
  max-width: 36em;
  line-height: 1.6;
}

.article-not-found h2 {
  margin-top: 0;
}

.page-right.articles-full-width .rail-right {
  display: none;
}

.page-right.articles-full-width .rail-content {
  width: 100% !important;
  float: none;
  max-width: 100%;
  box-sizing: border-box;
}

.page-right.articles-full-width .content-page-container {
  box-sizing: border-box;
  padding-right: 0;
}

/* Theme color tokens (Linguini customizer) */
body {
  background-color: #4a4a4a;
}
header.header,
.content-home,
footer.footer,
.widget-area-footer,
.content {
  background-color: #4a4a4a;
}
nav.navigation li li a,
nav.navigation li li li a,
nav.navigation li li:hover li a,
nav.navigation li:hover li:hover li a,
nav.navigation-mobile li li a,
nav.navigation-mobile .menu li .sub-menu li a,
nav.navigation-mobile .menu li .children li a {
  color: #4a4a4a !important;
}
a:hover {
  background-color: #2561aa;
}
h3,
label,
nav.navigation li:hover a,
nav.navigation li a:hover,
nav.navigation-mobile li:hover a,
nav.navigation-mobile li a:hover,
blockquote {
  color: #2561aa;
}
button,
.button a,
button.button-standard,
.button-standard a,
button.standard,
.standard a {
  background-color: #2561aa;
}
nav.navigation li:hover,
nav.navigation-mobile li:hover {
  border-color: #2561aa;
}
nav.navigation li li:hover a,
nav.navigation li:hover li:hover li:hover a,
nav.navigation-mobile .menu li:hover a,
nav.navigation-mobile .menu li .sub-menu li:hover a,
nav.navigation-mobile .menu li .children li:hover a {
  background-color: #2561aa !important;
}
nav.navigation li.current-menu-item a {
  color: #2561aa;
}
.widget_testimonial .testimonial-content,
label,
.list-menucard-block .post-price,
.list-menucard-block .post-header h3 {
  color: #efad1b;
}