/* Compact topic navigation and readable article catalogues. */
html[data-section=crypto] .hero-inner,html[data-section=forex] .hero-inner{padding-block:clamp(2.5rem,5vw,4rem)}
html[data-section=crypto] .section-hero h1,html[data-section=forex] .section-hero h1{font-size:clamp(2.4rem,4.5vw,4rem);line-height:1.1}
html[data-section=crypto] .content-section,html[data-section=forex] .content-section{padding-block:clamp(2rem,4vw,3.5rem)}
.hub-overview{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--line)}
.hub-overview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1.2rem;margin-bottom:1.25rem}
.hub-overview h2,.hub-library h2{margin:0;color:var(--ink);font-size:clamp(1.6rem,2.5vw,2.1rem);line-height:1.25;letter-spacing:-.025em}
.hub-overview p{margin:.5rem 0 0;color:#516171;font-size:1rem;line-height:1.6}
.hub-topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.65rem}
.hub-topic,.hub-reset{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:1rem;min-width:0;min-height:3.4rem;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:.8rem;transition:background .2s,border-color .2s}
.hub-topic strong,.hub-reset span{min-width:0;overflow-wrap:anywhere;font-size:1rem;line-height:1.35;font-weight:750}
.hub-topic b,.hub-reset b{flex-shrink:0;min-width:1.8rem;padding:.15rem .4rem;border-radius:999px;text-align:center;color:#624700;background:#fff1b8;font-size:.875rem;line-height:1.4}
.hub-reset{flex-shrink:0;max-width:18rem}
.hub-topic:hover,.hub-reset:hover,.hub-topic.active,.hub-reset.active{background:#fff5cf;border-color:#b99939}
.hub-topic:focus-visible,.hub-reset:focus-visible{outline:3px solid #315f82;outline-offset:3px}
.hub-library{scroll-margin-top:110px}
.hub-library-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem}
.hub-library-head p{margin:0;color:#516171;font-size:.95rem;line-height:1.5}
.hub-library .guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.hub-library .guide-card{min-height:0;padding:1.35rem;gap:1rem}
.hub-library .card-meta{align-items:flex-start;flex-wrap:wrap;gap:.45rem;font-size:.75rem;line-height:1.5;letter-spacing:.025em}
.hub-library .guide-card h3{margin:0;font-size:clamp(1.18rem,1.5vw,1.4rem);line-height:1.3;letter-spacing:-.015em}
.hub-library .guide-card p{margin:0;font-size:1rem;line-height:1.6}
.hub-library .card-link{padding-top:.4rem;font-size:.9rem;line-height:1.4}
html[lang=ar] .hub-library .guide-card h3,html[lang=th] .hub-library .guide-card h3,html[lang=hi] .hub-library .guide-card h3{line-height:1.5;letter-spacing:normal}
@media(max-width:1050px){.hub-library .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.hub-overview-head,.hub-library-head{align-items:stretch;flex-direction:column}.hub-reset{align-self:flex-start}.hub-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-topic{padding:.8rem}.hub-topic strong{font-size:.95rem}.hub-library .guide-grid{grid-template-columns:minmax(0,1fr)}.hub-overview{margin-bottom:1.7rem;padding-bottom:1.7rem}.hub-library{scroll-margin-top:90px}}
@media(prefers-reduced-motion:reduce){.hub-topic,.hub-reset{transition:none}}