.tf-tempo{margin:16px 0;min-width:0;font-family:inherit;color:inherit;letter-spacing:normal}
.tf-tempo-details{border:1px solid var(--line,#dce4d6);border-radius:12px;background:var(--surface,#fff);overflow:hidden}
.tf-tempo-details>summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 14px;cursor:pointer;list-style:none;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:normal;overflow-wrap:anywhere}
.tf-tempo-details>summary::-webkit-details-marker{display:none}
.tf-tempo-details>summary::after{content:"";flex:0 0 7px;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:auto;margin-right:3px;transition:transform .18s ease}
.tf-tempo-details[open]>summary::after{transform:rotate(225deg)}
.tf-tempo-details>summary:focus-visible{outline:2px solid var(--accent-text,#46662b);outline-offset:-3px;border-radius:10px}
.tf-tempo-count{font-size:12px;font-variant-numeric:tabular-nums;color:var(--accent-text,#46662b);background:var(--accent-soft,#e8f3dd);padding:2px 8px;border-radius:20px}
.tf-tempo-table-wrap{overflow-x:auto;max-width:100%}
.tf-tempo-table{width:100%;border-collapse:collapse;text-align:right;table-layout:fixed;font-size:13px;line-height:1.45;font-variant-numeric:tabular-nums;letter-spacing:normal}
.tf-tempo-table caption{text-align:left;padding:4px 14px 12px;color:var(--muted,#697465);font-size:12px}
.tf-tempo-table th,.tf-tempo-table td{padding:10px 12px;border-top:1px solid var(--line,#dce4d6);letter-spacing:normal}
.tf-tempo-table th:first-child{width:17%;text-align:center}
.tf-tempo-table thead th{font-size:11px;color:var(--muted,#697465);font-weight:500;overflow-wrap:anywhere}
.tf-tempo-table tbody th{font-weight:600;color:var(--accent-text,#46662b)}
.tf-tempo-table tbody tr:nth-child(even){background:var(--surface-alt,#f4f7ef)}
.tf-tempo-details>.tf-analysis-help{padding:0 14px 12px;margin-bottom:0}
.tf-tempo-comparison{margin-top:16px;padding:14px;border:1px solid var(--line,#dce4d6);border-radius:12px;background:var(--surface,#fff)}
.tf-analysis .tf-tempo-comparison h4{margin:0;font-size:14px;line-height:1.4;font-weight:600;letter-spacing:normal;overflow-wrap:anywhere}
.tf-analysis .tf-tempo-caption{margin:4px 0 12px;font-size:12px;color:var(--muted,#697465)}
.tf-tempo-changes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.tf-tempo-changes>div{min-width:0}
.tf-tempo-changes dt{font-size:11px;line-height:1.4;color:var(--muted,#697465)}
.tf-tempo-changes dd{margin:5px 0 0;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.5;letter-spacing:normal}
.tf-tempo-changes dd>span{display:block}
.tf-tempo-changes dd>small{font-size:12px;font-weight:400;color:var(--muted,#697465)}
.tf-analysis .tf-tempo-comparison>.tf-analysis-help{margin-bottom:0}
@media(max-width:520px){.tf-tempo-changes{grid-template-columns:1fr;gap:8px}.tf-tempo-changes>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.tf-tempo-changes dd{margin:0;text-align:right}.tf-tempo-changes dd>span,.tf-tempo-changes dd>small{display:inline}.tf-tempo-changes dd>small{margin-left:8px}.tf-tempo-table th,.tf-tempo-table td{padding:9px 7px}.tf-tempo-table{font-size:12px}.tf-tempo-table thead th{font-size:10px}}
@media(prefers-reduced-motion:reduce){.tf-tempo-details>summary::after{transition:none}}