.st-shortcode-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.st-shortcode-card { padding: 20px; border: 1px solid #dfe5ec; border-radius: 16px; background: #fff; }
.st-shortcode-card__top { display: flex; justify-content: space-between; gap: 10px; color: #65758b; font-size: .78rem; font-weight: 800; }
.st-shortcode-card h3 { margin: 18px 0 5px; font-size: 1.1rem; }
.st-shortcode-card h3 a { color: #0b1220; text-decoration: none; }
.st-shortcode-card__time { color: #65758b; font-size: .8rem; }
.st-shortcode-card__pick { display: flex; flex-direction: column; padding: 13px; border-radius: 11px; background: #eefaf5; }
.st-shortcode-card__pick span { color: #4d6d60; font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.st-shortcode-card__pick strong { color: #0b6845; }
.st-shortcode-card__metrics { display: flex; justify-content: space-between; gap: 12px; margin: 15px 0; color: #65758b; font-size: .8rem; }
.st-shortcode-card__link { color: #087a4e; font-weight: 800; text-decoration: none; }
.st-result-pill { display: inline-flex; padding: 4px 8px; border-radius: 999px; background: #e8edf3; color: #65758b; font-size: .68rem; font-weight: 900; text-transform: uppercase; }
.st-result-pill--won { background: #dff8ed; color: #087a4e; }
.st-result-pill--lost { background: #ffe8ec; color: #b12f45; }
.st-result-pill--void { background: #fff2d5; color: #8a5b00; }
.st-performance-note { margin: 15px 0 0; color: #9fb0c5; font-size: .82rem; }
.st-results-wrap { overflow-x: auto; }
.st-results-table { width: 100%; min-width: 780px; border-collapse: collapse; background: #fff; }
.st-results-table th, .st-results-table td { padding: 13px 14px; border-bottom: 1px solid #dfe5ec; text-align: left; }
.st-results-table th { background: #eef1f5; color: #65758b; font-size: .72rem; letter-spacing: .05em; text-transform: uppercase; }
.st-results-table td { color: #29384b; font-size: .88rem; }
.st-results-table td small { display: block; margin-top: 3px; color: #65758b; }
.st-shortcode-empty { padding: 30px; border: 1px dashed #bbc6d3; border-radius: 14px; text-align: center; }
@media (max-width: 900px) { .st-shortcode-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .st-shortcode-grid { grid-template-columns: 1fr; } }