.trade-page{max-width:980px;padding-bottom:40px}
.trade-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--muted);margin:26px 0 22px}
.trade-crumbs a{color:var(--green);text-decoration:none}
.trade-crumbs a:hover{text-decoration:underline}
.trade-heading h1{font-size:40px;letter-spacing:-1.2px;line-height:1.12;margin:6px 0 14px;color:var(--navy)}
.trade-heading>p:not(.eyebrow){font-size:15px;line-height:1.75;color:var(--ink);max-width:680px;margin:0 0 22px}
.trade-page h2{font-size:22px;letter-spacing:-.5px;color:var(--navy);margin:44px 0 16px}
.trade-names{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.trade-name{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:start;padding:18px;background:white;border:1px solid #e5eaf2;border-radius:13px;box-shadow:0 2px 7px #0b254508}
.trade-name-mark svg{display:block;width:64px;height:64px}
.trade-name h3{font-size:21px;letter-spacing:-.6px;line-height:1.2;margin:0 0 6px;color:var(--navy);overflow-wrap:anywhere}
.trade-name p{font-size:12.5px;line-height:1.65;margin:0 0 8px;overflow-wrap:anywhere}
.trade-note{font-size:12.5px;line-height:1.7;color:var(--muted);margin:18px 0 0}
.trade-note a{color:var(--green)}
.trade-how p{font-size:14px;line-height:1.8;max-width:700px;margin:0 0 14px}
.trade-how .button{margin-top:6px}
.trade-more ul,.trade-index{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:9px}
.trade-more a,.trade-index a{display:inline-block;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:white;color:var(--navy);font-size:13px;text-decoration:none}
.trade-more a:hover,.trade-index a:hover{border-color:var(--green);color:var(--green)}
.trade-index{margin-top:34px}
@media(max-width:700px){.trade-heading h1{font-size:30px}.trade-names{grid-template-columns:1fr}.trade-page h2{margin-top:34px}}
