.tariffs-main { padding-block: 56px 80px; max-width: 1200px; }
.tariff-intro { max-width: 820px; }
.tariff-intro h1 { margin: 8px 0 16px; font-size: clamp(36px,6vw,60px); line-height: 1.4; }
.tariff-intro > p, .tariff-detail, .tariff-notes p { color: var(--muted); font-size: 14px; line-height: 1.9; }
.tariff-intro .tariff-legend { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.tariff-date { font-size: 12px !important; }
.tariff-nav { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; padding: 12px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.tariff-nav a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 10px; color: var(--ink); font-size: 14px; font-weight: 700; text-decoration: none; }
.tariff-nav a:hover { color: var(--earth); background: #eaf5f9; }
.tariff-nav bdi { color: var(--muted); font-size: 11px; font-weight: 400; }
.tariff-section { margin-top: 52px; scroll-margin-top: 100px; }
.tariff-section-heading { display: flex; align-items: center; gap: 16px; margin-bottom: 22px; }
.tariff-number { display: grid; place-items: center; flex-shrink: 0; width: 46px; height: 46px; border: 1px solid var(--line); border-radius: 14px; color: var(--earth); background: #eaf5f9; font-size: 18px; font-weight: 800; }
.tariff-section h2 { margin: 0; font-size: clamp(22px,3vw,28px); line-height: 1.6; }
.tariff-section-heading p { margin: 4px 0 0; color: var(--muted); font-size: 13px; }
.tariff-provider { margin-top: 18px; padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: #fff; scroll-margin-top: 100px; }
.tariff-provider h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; font-size: 18px; }
.tariff-provider h3 img { object-fit: contain; }
.tariff-detail { margin: 16px 0 0; font-size: 12px; }
.tariff-scroll { overflow-x: auto; border: 1px solid var(--line); border-radius: 12px; }
.tariff-scroll:focus-visible, .tariff-nav a:focus-visible { outline: 3px solid #75b9d2; outline-offset: 3px; }
.tariff-scroll table { width: 100%; min-width: 640px; border-collapse: collapse; font-size: 14px; }
.tariff-scroll caption { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.tariff-scroll th, .tariff-scroll td { padding: 16px; border-bottom: 1px solid var(--line); text-align: right; vertical-align: middle; }
.tariff-scroll thead th { background: #edf5f8; color: #19485c; font-size: 12px; white-space: nowrap; }
.tariff-scroll tbody th { min-width: 270px; font-weight: 750; }
.tariff-scroll td { font-variant-numeric: tabular-nums; white-space: nowrap; }
.tariff-scroll small, .embedding-model > small { display: block; margin-top: 7px; color: var(--muted); font-size: 10px; font-weight: 400; text-align: right; overflow-wrap: anywhere; }
.tariff-scroll tbody tr:last-child > * { border-bottom: 0; }
.tariff-scroll tbody tr:hover { background: #f6fbfd; }
.discount-badge { display: inline-flex; align-items: center; gap: 4px; margin-inline-start: 10px; padding: 3px 8px; border: 1px solid #b7dec9; border-radius: 6px; background: #edf9f2; color: #216345; font-size: 10px; font-weight: 800; line-height: 1.6; white-space: nowrap; }
.tariff-legend .discount-badge { margin-inline-start: 0; }
.embedding-model h4 { margin: 0; font-size: 16px; }
.embedding-model [data-embedding-fields] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 20px; }
.embedding-model [data-embedding-fields] > p { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 16px; border: 1px solid var(--line); border-radius: 12px; color: var(--muted); font-size: 13px; }
.embedding-model [data-embedding-fields] bdi { color: var(--ink); font-weight: 750; }
.embedding-model [data-embedding-status]:empty { display: none; }
.tariff-notes { margin-top: 40px; padding: 20px 24px; border-inline-start: 3px solid var(--earth); background: #eaf3f7; border-radius: 12px; }
.tariff-notes h2 { margin: 0 0 8px; font-size: 16px; }
.tariff-notes p { margin: 0; font-size: 12px; }
#tts table { min-width: 420px; }
@media (max-width: 640px) {
  .tariffs-main { padding-top: 32px; }
  .tariff-nav { gap: 4px; padding: 8px; }
  .tariff-nav > a { display: inline-flex !important; padding: 10px 12px; font-size: 12px; }
  .tariff-section { margin-top: 36px; }
  .tariff-section-heading { gap: 12px; }
  .tariff-provider { padding: 14px; border-radius: 16px; }
  .tariff-scroll th, .tariff-scroll td { padding: 14px 12px; }
  .tariff-scroll tbody th { min-width: 250px; }
  .embedding-model [data-embedding-fields] { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .tariff-notes { padding: 18px; }
}