/* tpb-feed.css — design tokens match kst-website palette β (navy #1F2D4B,
 * gold #C7A33C, cream #F8F2E9). Sits as a topic-page section with restrained
 * editorial type. Self-contained; safe to drop next to any kst-topic-section. */
.tpb-feed { background: #FFFEFB; border-top: 1px solid rgba(199,163,60,0.32); border-bottom: 1px solid rgba(199,163,60,0.32); padding: 5.5rem 2.5rem; }
.tpb-feed__inner { max-width: 980px; margin: 0 auto; }
.tpb-feed__eyebrow { font-family: 'Raleway', system-ui, sans-serif; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.28em; text-transform: uppercase; color: #876418; margin: 0 0 0.9rem; }
.tpb-feed__eyebrow em { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-weight: 500; letter-spacing: -0.005em; text-transform: none; font-size: 1.18rem; color: #1F2D4B; margin-left: 0.25rem; }
.tpb-feed__heading { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.22; letter-spacing: -0.01em; color: #1F2D4B; margin: 0 0 2.25rem; max-width: 30ch; }
.tpb-feed__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; }
.tpb-feed__card { display: flex; flex-direction: column; gap: 0.5rem; padding: 22px 22px 24px; background: #F8F2E9; border: 1px solid rgba(199,163,60,0.35); border-top: 3px solid #C7A33C; color: #1F2D4B; text-decoration: none; transition: border-color 0.15s ease, transform 0.15s ease; }
.tpb-feed__card:hover { border-top-color: #876418; transform: translateY(-2px); }
.tpb-feed__card:focus-visible { outline: 2px solid #876418; outline-offset: 2px; }
.tpb-feed__card-tier { font-family: 'Raleway', sans-serif; font-size: 0.66rem; letter-spacing: 0.24em; text-transform: uppercase; font-weight: 700; color: #876418; margin: 0; }
.tpb-feed__card-title { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-weight: 500; font-size: 1.22rem; line-height: 1.25; color: #1F2D4B; margin: 0; }
.tpb-feed__card-dek { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 0.98rem; color: #4A5568; line-height: 1.5; margin: 0; flex: 1; }
.tpb-feed__card-meta { font-family: 'Raleway', sans-serif; font-size: 0.72rem; letter-spacing: 0.14em; text-transform: uppercase; color: #876418; margin: 0.4rem 0 0; font-weight: 600; }
.tpb-feed__foot { margin: 2.25rem 0 0; font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-size: 1.08rem; }
.tpb-feed__foot a { color: #876418; text-decoration: none; border-bottom: 1px solid #C7A33C; padding-bottom: 1px; }
.tpb-feed__foot a:hover { color: #1F2D4B; border-bottom-color: #1F2D4B; }
.tpb-feed__loading { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; color: #876418; text-align: center; padding: 2rem 0; }
.tpb-feed__fallback { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-size: 1.12rem; }
.tpb-feed__fallback a { color: #876418; border-bottom: 1px solid #C7A33C; text-decoration: none; padding-bottom: 1px; }
.tpb-feed__fallback a:hover { color: #1F2D4B; border-bottom-color: #1F2D4B; }
@media (max-width: 720px) { .tpb-feed { padding: 3.5rem 1.5rem; } }