/* The affiliate statement: the standalone page and the My Account tab. */
.tpa-page { margin: 0; background: #f4f5f7; color: #1d2327; font: 15px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.tpa-wrap { max-width: 760px; margin: 0 auto; padding: 16px; }
.tpa-site a { color: inherit; font-weight: 700; text-decoration: none; font-size: 18px; }
.tpa-statement h1 { font-size: 24px; margin: 8px 0 12px; }
.tpa-statement h2 { font-size: 18px; margin: 24px 0 8px; }
.tpa-statement h3 { font-size: 15px; margin: 14px 0 2px; }
.tpa-statement p { margin: 0 0 8px; }
.tpa-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.tpa-card { background: #fff; border-radius: 10px; padding: 12px; box-shadow: 0 1px 2px rgba(0,0,0,.06); }
.tpa-card span { display: block; font-size: 12px; color: #646970; }
.tpa-card strong { font-size: 20px; }
.tpa-next { margin-top: 10px; padding: 8px 12px; background: #e7f5ea; border-radius: 8px; }
.tpa-paused { padding: 8px 12px; background: #fcf0e3; border-radius: 8px; }
.tpa-code strong { word-break: break-all; }
.tpa-table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 10px; overflow: hidden; }
.tpa-table th, .tpa-table td { padding: 8px 10px; text-align: left; border-bottom: 1px solid #f0f0f1; vertical-align: top; }
.tpa-table small { color: #646970; }
.tpa-num { text-align: right !important; white-space: nowrap; }
.tpa-neg { color: #b32d2e; }
.tpa-pos { color: #1a7f37; }
.tpa-guide { background: #fff; border-radius: 10px; padding: 4px 14px 12px; }
@media (max-width: 520px) {
	.tpa-cards { grid-template-columns: 1fr 1fr; }
	.tpa-card:first-child { grid-column: 1 / -1; }
}