/* Trades page - console stats, perks, who-it's-for, application form. */
.trade-console-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; }
@media (min-width: 1024px) { .trade-console-grid { grid-template-columns: 5fr 7fr; gap: 3rem; align-items: start; } }
.trade-console-card { border: 1px solid var(--hcw-line); background: var(--hcw-panel); padding: 1.5rem; }
.trade-console-card__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; }
.trade-console-card__head span { display: flex; align-items: center; gap: 0.6rem; font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.24em; text-transform: uppercase; color: rgba(255,255,255,0.6); }
.trade-console-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--hcw-line); }
.trade-console-stats > div { background: var(--hcw-panel); padding: 1.25rem; display: flex; flex-direction: column; gap: 0.4rem; }
.trade-console-stats strong { font-family: "Cabinet Grotesk", sans-serif; font-weight: 700; font-size: 1.4rem; color: #fff; }
.trade-console-stats > div span:last-child { color: rgba(255,255,255,0.45); font-size: 12px; }

.trade-perks-grid { display: grid; grid-template-columns: 1fr; gap: 1rem; margin-top: 2.5rem; }
@media (min-width: 640px) { .trade-perks-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .trade-perks-grid { grid-template-columns: repeat(4, 1fr); gap: 1.5rem; } }
.trade-perk-card { border: 1px solid var(--hcw-line); background: var(--hcw-panel); padding: 1.5rem; }
.trade-perk-card h3 { font-family: "Cabinet Grotesk", sans-serif; font-weight: 700; color: #fff; font-size: 1.15rem; margin: 0.75rem 0 0.5rem; }
.trade-perk-card p { color: rgba(255,255,255,0.6); font-size: 14px; line-height: 1.55; margin: 0; }

.trade-who-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }
@media (min-width: 900px) { .trade-who-grid { grid-template-columns: 1fr 1fr; gap: 3rem; } }
.trade-who-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; }
.trade-who-list li { border-left: 2px solid var(--hcw-green); padding: 0.5rem 0 0.5rem 1rem; color: rgba(255,255,255,0.8); font-size: 14px; }

.trade-apply-grid { display: grid; grid-template-columns: 1fr; gap: 2.5rem; }
@media (min-width: 1024px) { .trade-apply-grid { grid-template-columns: 5fr 7fr; gap: 3rem; align-items: start; } }
.trade-apply-form-wrap { position: relative; }