section.tybf {
  --tybf-bg: #dbd9d1;
  --tybf-title: #1f130a;
  --tybf-green: #999a1d;
  --tybf-orange: #f2ab40;
  --tybf-line: rgba(31, 19, 10, 0.18);
  --tybf-muted: #615c56;
  width: 100% !important;
  max-width: none !important;
  background: var(--tybf-bg) !important;
  color: var(--tybf-title) !important;
  padding: 64px 24px 72px !important;
  font-family: "Open Sans", sans-serif !important;
  box-sizing: border-box;
}

.tybf *, .tybf *::before, .tybf *::after { box-sizing: border-box; }
.tybf button, .tybf select { font-family: "Open Sans", sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; }
.tybf a { color: inherit; text-decoration: none; }
.tybf__inner { width: min(1280px, 100%); margin: 0 auto; }
.tybf__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 24px; }
.tybf__eyebrow { margin: 0 0 8px; color: var(--tybf-green); font-size: 13px; line-height: 1.3; font-weight: 700; text-transform: uppercase; }
.tybf .tybf__header h2 { margin: 0 !important; color: var(--tybf-title) !important; font-family: "Josefin Sans", sans-serif !important; font-size: 36px !important; line-height: 1.12 !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; }
.tybf__count { flex: 0 0 auto; margin: 0 0 4px; color: var(--tybf-muted); font-size: 14px; }
.tybf__filters { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 18px; align-items: start; margin-bottom: 30px; }
.tybf__topics { display: flex; flex-wrap: wrap; gap: 8px; }
.tybf button.tybf__filter { appearance: none !important; min-height: 40px !important; padding: 7px 14px !important; border: 1px solid var(--tybf-line) !important; border-radius: 5px !important; background: rgba(255,255,255,.22) !important; box-shadow: none !important; color: var(--tybf-title) !important; font-size: 13px !important; line-height: 1.35 !important; font-weight: 700 !important; cursor: pointer; transition: color .18s ease, background-color .18s ease, border-color .18s ease; }
.tybf button.tybf__filter:hover { border-color: var(--tybf-orange) !important; background: rgba(242,171,64,.14) !important; transform: none !important; }
.tybf button.tybf__filter.is-active { border-color: var(--tybf-title) !important; background: var(--tybf-title) !important; color: #fff !important; }
.tybf__filter:focus-visible, .tybf__stage:focus-visible, .tybf__more-button:focus-visible { outline: 3px solid rgba(242,171,64,.55); outline-offset: 2px; }
.tybf select.tybf__stage { appearance: auto !important; width: 100% !important; min-height: 42px !important; padding: 0 38px 0 13px !important; border: 1px solid var(--tybf-line) !important; border-radius: 5px !important; background-color: #fff !important; box-shadow: none !important; color: var(--tybf-title) !important; font-size: 14px !important; line-height: 1.4 !important; cursor: pointer; }
.tybf__status { min-height: 0; color: var(--tybf-muted); font-size: 13px; }
.tybf.is-loading .tybf__grid { opacity: .42; }
.tybf .tybf__grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 24px !important; transition: opacity .18s ease; }
.tybf article.tybf-card { width: auto !important; max-width: none !important; min-width: 0; margin: 0 !important; padding: 0 !important; overflow: hidden; display: flex !important; flex-direction: column; background: #fff !important; border: 1px solid rgba(31,19,10,.12) !important; border-radius: 6px !important; box-shadow: none; transition: transform .2s ease, box-shadow .2s ease; }
.tybf-card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(31,19,10,.09); }
.tybf-card__image { display: block; overflow: hidden; aspect-ratio: 16 / 9; background: #cbc8bf; }
.tybf-card__image img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .35s ease; }
.tybf-card:hover .tybf-card__image img { transform: scale(1.025); }
.tybf-card__placeholder { width: 100%; height: 100%; display: grid; place-items: center; color: var(--tybf-title); font-family: "Josefin Sans", sans-serif; font-size: 22px; font-weight: 700; }
.tybf .tybf-card__body { flex: 1; display: flex !important; flex-direction: column; padding: 22px !important; background: #fff !important; }
.tybf-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--tybf-muted); font-size: 11px; line-height: 1.4; }
.tybf-card__topic { display: inline-flex; align-items: center; min-height: 26px; padding: 4px 9px; border: 1px solid rgba(153,154,29,.55); border-radius: 4px; background: rgba(153,154,29,.09); color: #70720f; font-weight: 700; text-transform: uppercase; }
.tybf .tybf-card h3 { margin: 16px 0 10px !important; color: var(--tybf-title) !important; font-family: "Josefin Sans", sans-serif !important; font-size: 21px !important; line-height: 1.28 !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; }
.tybf-card h3 a:hover { color: #a85f00; }
.tybf-card__body > p { margin: 0; color: var(--tybf-muted); font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 1.62; }
.tybf-card__read { margin-top: auto; padding-top: 24px; color: #a85f00 !important; font-size: 13px; font-weight: 700; }
.tybf-card__read:hover { color: var(--tybf-title) !important; }
.tybf__empty { margin: 0; padding: 56px 0 24px; text-align: center; color: var(--tybf-muted); }
.tybf__more { display: flex; justify-content: center; margin-top: 34px; }
.tybf button.tybf__more-button { appearance: none !important; min-height: 44px !important; padding: 0 22px !important; border: 1px solid var(--tybf-title) !important; border-radius: 5px !important; background: transparent !important; box-shadow: none !important; color: var(--tybf-title) !important; font-size: 14px !important; font-weight: 700 !important; cursor: pointer; }
.tybf button.tybf__more-button:hover { border-color: var(--tybf-orange) !important; background: var(--tybf-orange) !important; transform: none !important; }
.tybf [hidden] { display: none !important; }

@media (max-width: 1024px) {
  .tybf .tybf__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .tybf__filters { grid-template-columns: 1fr; }
  .tybf__stage-label { width: min(320px, 100%); }
}

@media (max-width: 680px) {
  section.tybf { padding: 46px 16px 54px !important; }
  .tybf__header { align-items: flex-start; flex-direction: column; gap: 12px; }
  .tybf .tybf__header h2 { font-size: 30px !important; }
  .tybf__count { margin: 0; }
  .tybf__topics { flex-wrap: nowrap; overflow-x: auto; padding: 0 0 8px; scrollbar-width: thin; scroll-snap-type: x proximity; }
  .tybf__filter { flex: 0 0 auto; max-width: 250px; scroll-snap-align: start; }
  .tybf__stage-label { width: 100%; }
  .tybf .tybf__grid { grid-template-columns: 1fr !important; }
  .tybf-card__meta { align-items: flex-start; flex-direction: column; }
}