/* CBS Partners — blog "Ideias". Additions only; the site's own classes
   (phead, band, wrap, eyebrow, lead, chips/chip, nls/nl, lnk, btn) keep their styling.
   Brand: navy #18315A, gold #FDB714. */

:root {
  --blog-navy: #18315A;
  --blog-gold: #FDB714;
}

/* Filters */
#blog-filters { display: grid; gap: 14px; margin: 0 0 28px; }
.blog-filter-group { display: grid; gap: 6px; }
.blog-filter-label { margin: 0; }
#blog-filters .chip { cursor: pointer; }
.chip[aria-pressed="true"] {
  background: var(--blog-navy);
  border-color: var(--blog-navy);
  color: #fff;
}
.chip[aria-pressed="true"]:hover,
.chip[aria-pressed="true"]:focus-visible { box-shadow: inset 0 -3px 0 var(--blog-gold); }
.chip:focus-visible { outline: 2px solid var(--blog-gold); outline-offset: 2px; }
.chip-static { cursor: default; }

/* Status / empty state */
#blog-status { margin: 8px 0 24px; max-width: 62ch; }

/* Card cover inside .nl */
.nl .nl-cover {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  margin: 0 0 14px;
}

/* Post page */
.post { max-width: 760px; margin: 0 auto; }
.post-head h1 { color: var(--blog-navy); margin: 8px 0 12px; }
.post-tags { margin-top: 14px; }
.post-cover { margin: 24px 0 8px; }
.post-cover img { display: block; width: 100%; height: auto; }
.post-foot { margin-top: 40px; }

.post-body { font-size: 1.0625rem; line-height: 1.7; }
.post-body > * + * { margin-top: 1em; }
.post-body h2 {
  color: var(--blog-navy);
  font-size: 1.45rem;
  line-height: 1.3;
  margin-top: 2em;
}
.post-body h3 {
  color: var(--blog-navy);
  font-size: 1.15rem;
  line-height: 1.35;
  margin-top: 1.5em;
}
.post-body ul,
.post-body ol { padding-left: 1.4em; }
.post-body li + li { margin-top: .4em; }
.post-body ol li::marker { color: var(--blog-navy); font-weight: 700; }
.post-body ul li::marker { color: var(--blog-gold); }
.post-body blockquote {
  margin: 1.5em 0;
  padding: .2em 0 .2em 1.1em;
  border-left: 4px solid var(--blog-gold);
  color: var(--blog-navy);
  font-size: 1.15rem;
  font-style: italic;
}
.post-body .post-figure { margin: 1.5em 0; }
.post-body .post-figure img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.post-body a { color: var(--blog-navy); text-decoration: underline; text-decoration-color: var(--blog-gold); text-underline-offset: 3px; }
.post-body hr { border: 0; border-top: 1px solid rgba(24, 49, 90, .2); }

/* "Em resumo" box */
.post-summary {
  margin: 2em 0;
  padding: 18px 22px;
  border-left: 4px solid var(--blog-gold);
  background: rgba(24, 49, 90, .05);
}
.post-summary-title {
  margin: 0 0 8px;
  color: var(--blog-navy);
  font-weight: 700;
  letter-spacing: .02em;
}
.post-summary ul { margin: 0; }

@media (max-width: 640px) {
  .post-body { font-size: 1rem; }
  .post-body h2 { font-size: 1.25rem; }
  .post-summary { padding: 14px 16px; }
}