.trade-guides {
    padding-inline: clamp(16px, 4vw, 48px);
    border: 1px solid var(--line);
    border-radius: clamp(16px, 3vw, 32px);
    background: linear-gradient(145deg, var(--soft-accent), transparent 65%), var(--surface);
}
.trade-guide-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-block: 22px;
}
.trade-guide-nav a {
    padding: 8px 14px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--surface-raised);
}
.trade-guide-nav a:hover,
.trade-guide-nav a:focus-visible { border-color: var(--accent); color: var(--accent); }
.trade-guide-track {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 4px 2px 16px;
    list-style: none;
}
.trade-guide-track li {
    flex: 0 0 clamp(245px, 34%, 380px);
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    padding: clamp(20px, 3vw, 32px);
    border: 1px solid var(--line);
    border-radius: 18px;
    background: var(--surface-raised);
    box-shadow: var(--glass-shadow);
}
.trade-guide-track h3 { font-size: clamp(19px, 2.2vw, 27px); line-height: 1.55; }
.trade-guide-track h3 a:hover { color: var(--accent); }
.trade-guides a:focus-visible,
.trade-guide-article a:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 3px;
}
.trade-guide-track li { scroll-margin-block-start: 110px; }
.trade-guide-track .line-link { margin-block-start: auto; }
.trade-guide-track li:target { border-color: var(--accent); }
.trade-guide-article { max-width: 800px; }
.trade-guide-article h1 { font-size: clamp(30px, 5vw, 58px); margin-block: 28px; }
.trade-guide-article h2 { margin-block: 32px 12px; }
.trade-guide-article p { color: var(--muted); line-height: 1.95; margin-block: 14px; }
.trade-guide-article p a { color: var(--accent); text-decoration: underline; }
@media (max-width: 760px) {
    .trade-guide-track li { flex-basis: min(88%, 320px); }
}

/* guide imagery: minimal isometric cards, documentary photo in the article */
.trade-guide-track li{overflow:hidden;padding-top:0;transition:transform .5s var(--ease-out,ease),border-color .3s,box-shadow .5s}
.trade-guide-track li:hover{transform:translateY(-4px);box-shadow:0 26px 46px -30px #0a1420cc}
.tg-media{display:block;align-self:stretch;margin:0 calc(-1 * clamp(20px,3vw,32px)) 4px;aspect-ratio:3/2;overflow:hidden;background:#0c1b34}
.tg-card-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out,ease)}
.trade-guide-track li:hover .tg-card-img{transform:scale(1.06)}
.tg-hero{margin:0 0 30px;border-radius:24px;overflow:hidden;background:var(--surface);box-shadow:0 34px 60px -36px #1c2a3acc}
.tg-hero-img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.guide-note{font-size:13px;border-top:1px solid var(--line);padding-top:16px;margin-top:34px}