/* ====================================================================
   SAI blog : homepage
   The "In the press" card in the right rail.

   It rides alongside the article feed rather than above or below it, so
   it adds credibility without taking vertical space from the posts. The
   theme's .gh-sidebar-inner is already sticky, so the card follows the
   reader down the feed.
   ==================================================================== */

.sai-press {
  background: #fff;
  border: 1px solid var(--sai-border);
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .05);
}

.sai-press__inner { max-width: none; margin: 0; }

.sai-press__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  padding-bottom: 12px;
  margin-bottom: 4px;
  border-bottom: 1px solid var(--sai-border);
}

.sai-press__title {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--sai-muted);
  margin: 0;
}

.sai-press__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}

.sai-press__item {
  margin: 0;
  border-bottom: 1px solid var(--sai-border);
}
.sai-press__item:last-child { border-bottom: none; }

.sai-press__link {
  display: block;
  padding: 12px 0;
  text-decoration: none;
}

.sai-press__pub {
  display: block;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--sai-orange);
}

.sai-press__headline {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--sai-text);
  margin-top: 3px;
}
.sai-press__link:hover .sai-press__headline { color: var(--sai-orange-dark); }

.sai-press__meta {
  display: block;
  margin-top: 4px;
  font-size: 12.5px;
  color: var(--sai-muted);
}

.sai-press__all {
  font-size: 13px;
  font-weight: 600;
  color: var(--sai-orange);
  text-decoration: none;
  white-space: nowrap;
}
.sai-press__all:hover { color: var(--sai-orange-dark); text-decoration: underline; opacity: 1; }

/* Below the sidebar breakpoint the rail drops under the feed. Sitting
   full width, a single column of six rows is a long tail on a phone, so
   it goes two-up on tablets and the card loses its inset look. */
@media (max-width: 991px) {
  .sai-press { margin-top: 8px; }
  .sai-press__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 24px; }
  /* Every row keeps its rule in the two-up grid: with an odd number of
     items, trying to strip the last one guesses wrong. */
  .sai-press__item { border-bottom: 1px solid var(--sai-border); }
}

@media (max-width: 600px) {
  .sai-press { padding: 18px; }
  .sai-press__grid { grid-template-columns: 1fr; }
  .sai-press__item:last-child { border-bottom: none; }
}