/*
 * Company brief components (Brief Type = Company) and the original-template
 * palette option. Maintained outside the SCSS build that produces style.css
 * (see README). Values mirror the Astro Mechanica brief template.
 */

/* Palette = Original template */
main.publication.publication--palette-original {
  --white: #ffffff;
  --gray-100: #f5f5f5;
  --gray-200: #e8e7e5;
  --gray-300: #d4d4d4;
  --gray-400: #a8a8a6;
  --gray-500: #6b6b69;
  --gray-600: #4a4a48;
}

/* Stat strip under the hero, aligned with the three-column layout below it */
.publication .stat-strip {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 4%;
}

.publication .stat-strip--full-width {
  max-width: 1100px;
}

.publication .stat-strip .stat {
  padding: 1.5rem 1rem;
  border-top: 1px solid var(--gray-200);
  border-bottom: 1px solid var(--gray-200);
  background: var(--white);
}

.publication .stat-strip .stat + .stat {
  border-left: 1px solid var(--gray-200);
}

.publication .stat-strip .stat-num {
  font-family: "Instrument Serif", Georgia, serif;
  font-size: 2.1rem;
  line-height: 1;
  margin-bottom: 0.5rem;
  color: var(--black);
}

.publication .stat-strip .stat-label {
  font-family: Inter, sans-serif;
  font-size: 0.62rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--gray-500);
  line-height: 1.5;
}

/* Company Details card links */
.publication .details-card a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Score pills in tables */
.publication .score-pill {
  display: inline-block;
  font-family: Inter, sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  border-radius: 2px;
  color: #fff;
  white-space: nowrap;
  line-height: 1.3;
}

.publication .score-pill.score-high {
  background: var(--green, #2d8a4e);
}

.publication .score-pill.score-medium {
  background: var(--amber, #b8860b);
}

.publication .score-pill.score-low {
  background: var(--gray-400, #a3a3a3);
}

/* Verdict bullets, left-aligned like the verdict text even where the
   Brief v2 verdict is centered */
.publication .verdict-list {
  list-style: none;
  margin: 1rem 0 0;
  padding: 0;
  text-align: left;
}

.publication .verdict-list li {
  color: #d4d4d4;
  padding: 0.6rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 1rem;
}

.publication .verdict-list a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 1100px) {
  .publication .stat-strip {
    grid-template-columns: repeat(3, 1fr);
  }

  .publication--design-brief-v2 .stat-strip {
    max-width: 720px;
  }

  .publication .stat-strip .stat:nth-child(3n + 1) {
    border-left: none;
  }
}

@media (max-width: 768px) {
  .publication .stat-strip {
    grid-template-columns: 1fr 1fr;
  }

  .publication .stat-strip .stat:nth-child(odd) {
    border-left: none;
  }

  .publication .stat-strip .stat:nth-child(even) {
    border-left: 1px solid var(--gray-200);
  }
}