.tariff-intro{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  gap:64px;
  align-items:center;
  padding-bottom:56px;
  border-bottom:1px solid var(--border);
}
.tariff-intro>*{min-width:0}
.tariff-intro .lede{max-width:32em}
.tariff-entry-note{
  max-width:42em;
  margin-top:20px;
  font-size:var(--size-small);
  color:var(--muted);
}
.tariff-fact-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:24px;
}
.tariff-fact-card h2{font-size:var(--size-h3)}
.tariff-fact-list{width:100%}
.tariff-fact-list>div{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:8px 20px;
  padding-block:14px;
  border-top:1px solid var(--border);
}
.tariff-fact-list dt{color:var(--muted);font-size:var(--size-small)}
.tariff-fact-list dd{font-weight:var(--weight-display)}
.tariff-section{padding-top:64px}
.tariff-section[id]{scroll-margin-top:var(--anchor-offset)}
.tariff-caption{
  margin-top:18px;
  max-width:65em;
  font-size:var(--size-small);
  color:var(--muted);
}
.tariff-panel-note{margin-bottom:24px;color:var(--muted);max-width:60em}
.tariff-plan-copy{
  margin-bottom:28px;
  font-size:var(--size-small);
  line-height:1.85;
  color:var(--muted);
}
.tariff-advice{margin-top:28px}
.tariff-inclusions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:32px 40px;
}
.tariff-inclusions article{min-width:0}
.tariff-inclusions h3{margin-bottom:14px}
.tariff-inclusions p{color:var(--muted);line-height:1.85}
.tariff-explanation{max-width:68em;margin-top:28px}
.tariff-payment-layout{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);
  gap:40px;
  align-items:start;
}
.tariff-payment-layout>*{min-width:0}
.tariff-payment-layout .prose h3:first-child{margin-top:0}
.tariff-payment-list{
  display:flex;
  flex-wrap:wrap;
  gap:12px 24px;
  margin-block:28px;
  color:var(--muted);
  font-weight:var(--weight-strong);
}
.tariff-payment-card p{font-size:var(--size-small)}
.tariff-refund-copy h3:first-child{margin-top:0}
.tariff-refund-copy p:last-child{margin-bottom:0}
@media(max-width:960px){
  .tariff-intro{gap:32px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
  .tariff-payment-layout{gap:28px}
}
@media(max-width:768px){
  .tariff-intro{grid-template-columns:minmax(0,1fr);padding-bottom:40px}
  .tariff-section{padding-top:48px}
  .tariff-inclusions,.tariff-payment-layout{grid-template-columns:minmax(0,1fr)}
  .tariff-inclusions article+article{padding-top:24px;border-top:1px solid var(--border)}
}