.tpt-container { font-family: inherit; margin: 1.5em 0; }
.tpt-title { font-size: 1.2em; font-weight: 700; margin-bottom: 0.75em; border-bottom: 2px solid #e2e8f0; padding-bottom: 0.4em; }
.tpt-list { list-style: none; margin: 0; padding: 0; }
.tpt-item { display: flex; align-items: flex-start; gap: 12px; padding: 10px 0; border-bottom: 1px solid #f1f5f9; }
.tpt-item:last-child { border-bottom: none; }
.tpt-item:hover { background: #fafafa; }
.tpt-thumb-link { flex-shrink: 0; }
.tpt-thumb { width: 60px; height: 60px; object-fit: cover; border-radius: 6px; display: block; }
.tpt-content { flex: 1; min-width: 0; }
.tpt-rank-badge { display: inline-block; font-size: 1em; font-weight: 700; margin-right: 6px; color: #64748b; }
.tpt-rank-1 .tpt-rank-badge, .tpt-rank-2 .tpt-rank-badge, .tpt-rank-3 .tpt-rank-badge { font-size: 1.3em; }
.tpt-post-title { font-size: 0.95em; font-weight: 600; text-decoration: none; color: #1e293b; display: inline; line-height: 1.4; word-break: break-word; }
.tpt-post-title:hover { text-decoration: underline; color: #2563eb; }
.tpt-meta { margin-top: 4px; font-size: 0.78em; color: #94a3b8; display: flex; gap: 10px; flex-wrap: wrap; }
.tpt-meta-item { white-space: nowrap; }
.tpt-empty { color: #94a3b8; font-style: italic; }