/* Gold hub: reuses the Stock Market card, grid and pagination styles (stocks.css) and the shared page hero. */
.gld-section .container { max-width: 1180px; }
.gld-feature { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 0; background: #fff; border: 1px solid #E2E8F0; border-radius: 16px; overflow: hidden; margin: 8px 0 8px; }
.gld-feature--text { grid-template-columns: 1fr; }
.gld-feature-img { display: block; background: #F1F5F9; min-height: 240px; }
.gld-feature-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gld-feature-body { padding: 28px 30px; display: flex; flex-direction: column; justify-content: center; gap: 10px; }
.gld-feature-body h2 { font-size: clamp(1.4rem, 2.6vw, 1.9rem); line-height: 1.25; margin: 0; font-weight: 700; color: #0B1F33; }
.gld-feature-body h2 a { color: inherit; text-decoration: none; }
.gld-feature-body h2 a:hover, .gld-feature-body h2 a:focus-visible { color: #A8481B; text-decoration: underline; }
.gld-feature-body p { margin: 0; color: #475569; line-height: 1.65; }
.gld-feature-meta { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 6px; font-size: .85rem; color: #64748B; }
.gld-btn { display: inline-block; padding: 9px 18px; border-radius: 10px; background: #C65D28; color: #fff; font-weight: 700; text-decoration: none; }
.gld-btn:hover, .gld-btn:focus-visible { background: #A8481B; color: #fff; }
.gld-topics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.gld-section .gld-topics:only-child, .gld-topics:has(> :nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gld-topic { display: flex; flex-direction: column; gap: 8px; padding: 20px 22px; background: #fff; border: 1px solid #E2E8F0; border-radius: 14px; text-decoration: none; transition: border-color .2s, box-shadow .2s, transform .2s; }
.gld-topic:hover, .gld-topic:focus-visible { border-color: #C65D28; box-shadow: 0 10px 26px rgba(11, 31, 51, .08); transform: translateY(-2px); }
.gld-topic-name { font-size: 1.15rem; font-weight: 700; color: #0B1F33; }
.gld-topic-text { color: #475569; font-size: .93rem; line-height: 1.55; }
.gld-topic-cta { margin-top: auto; color: #A8481B; font-weight: 700; font-size: .9rem; }
.gld-topic:focus-visible, .gld-btn:focus-visible { outline: 3px solid #C65D28; outline-offset: 2px; }
@media (max-width: 900px) { .gld-feature { grid-template-columns: 1fr; } .gld-feature-img { min-height: 200px; aspect-ratio: 16 / 9; } .gld-topics { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .gld-feature-body { padding: 20px; } }