.tat-page { padding-bottom: 112px; }
.tat-page__hero { padding: 58px 0 48px; max-width: 720px; }
.tat-page__hero h1 { color: var(--c-schiefer); font: 500 clamp(44px, 6vw, 76px)/.96 var(--font-display); letter-spacing: -.025em; margin: 0; text-wrap: balance; }
.tat-page__hero > p { color: var(--fg-muted); font: 300 19px/1.55 var(--font-sans); margin: 22px 0 0; max-width: 70ch; }
.tat-widget { background: transparent; color: var(--c-schiefer); max-width: 820px; padding: 0; }
.tat-widget__updated { color: var(--fg-muted); font: 400 13px var(--font-sans); margin: 14px 0 0; }
.tat-table-wrap { background: var(--c-reinweiss); border: 1px solid rgba(14, 70, 70, .14); border-radius: 16px; box-shadow: var(--shadow-sm); max-width: 820px; overflow-x: auto; }
.tat-table { border-collapse: collapse; min-width: 0; width: 100%; }
.tat-table th, .tat-table td { border-bottom: 1px solid rgba(14, 70, 70, .12); padding: 16px 20px; text-align: left; }
.tat-table th { color: var(--c-schiefer); font: 600 12px var(--font-sans); letter-spacing: .08em; text-transform: uppercase; }
.tat-table td { color: var(--c-schiefer); font: 400 17px/1.4 var(--font-sans); }
.tat-table td:last-child { font: 500 26px/1 var(--font-display); text-align: right; }
.tat-table tr:last-child td { border-bottom: 0; }
.tat-page__note { border-left: 3px solid var(--c-lavendel); margin: 56px 0 0; max-width: 860px; padding: 4px 0 4px 22px; }
.tat-page__note h2 { color: var(--c-schiefer); font: 500 28px/1.1 var(--font-display); margin: 0; }
.tat-page__note ul { color: var(--fg-muted); font: 300 16px/1.55 var(--font-sans); margin: 12px 0 0; padding-left: 22px; }
@media (max-width: 720px) {
  .tat-page { padding-bottom: 72px; }
  .tat-page__hero { padding: 42px 0 34px; }
  .tat-table th, .tat-table td { padding: 14px 12px; }
  .tat-table th { font-size: 10px; letter-spacing: .04em; }
  .tat-table td { font-size: 15px; }
  .tat-table td:last-child { font-size: 22px; }
}