/* edCircuit Topic Hubs: the hub block (PRD ETH-3, mockup ETH-5.0).
   It sits inside Soledad's description box (.post-entry), so every rule is
   scoped under .eth-hub to outrank the theme's article typography. */
.eth-hub { text-align: left; }
.eth-hub .eth-banner { margin: 0 0 28px; padding: 0; }
.eth-hub .eth-banner img { display: block; width: 100%; height: auto; max-height: 420px; object-fit: cover; margin: 0; }
.eth-hub .eth-intro { max-width: 780px; margin: 0 auto 32px; font-size: 17px; line-height: 1.75; }
.eth-hub .eth-intro > :last-child { margin-bottom: 0; }
.eth-hub .eth-h { margin: 0 0 28px; padding: 0; text-align: center; font-size: 20px; font-weight: 400; line-height: 1.3; text-transform: uppercase; letter-spacing: .04em; }
.eth-hub .eth-h::after { content: ""; display: block; width: 28px; height: 8px; margin: 12px auto 0; border: 1px solid #ff8500; box-sizing: border-box; }
.eth-hub .eth-start { margin: 0 0 32px; padding: 32px 28px 36px; background: #f5f5f5; }
.eth-hub .eth-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin: 0; padding: 0; list-style: none; }
.eth-hub .eth-cards li { margin: 0; padding: 0; list-style: none; }
.eth-hub .eth-cards li::before, .eth-hub .eth-related li::before { content: none; }
.eth-hub .eth-card { display: flex; flex-direction: column; gap: 12px; color: #313131; text-decoration: none; }
.eth-hub .eth-card:hover .eth-card-title, .eth-hub .eth-card:focus-visible .eth-card-title { color: #c25e00; }
.eth-hub .eth-card img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; margin: 0; }
.eth-hub .eth-card-title { font-size: 16px; line-height: 1.5; text-transform: uppercase; }
.eth-hub .eth-card-date { font-size: 14px; color: #6b6b6b; }
.eth-hub .eth-related { margin: 0 0 8px; }
.eth-hub .eth-related ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 0; padding: 0; list-style: none; }
.eth-hub .eth-related li { margin: 0; padding: 0; list-style: none; }
.eth-hub .eth-related a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 1px solid #ff8500; color: #313131; font-size: 14px; text-decoration: none; text-transform: uppercase; letter-spacing: .03em; }
.eth-hub .eth-related a:hover, .eth-hub .eth-related a:focus-visible { background: #ff8500; color: #fff; }
@media (max-width: 760px) {
	.eth-hub .eth-cards { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	.eth-hub .eth-start { padding: 28px 16px 32px; }
	.eth-hub .eth-h { font-size: 19px; }
}