@media (max-width:1279px){
  .hero-b{flex-wrap:wrap}
  .cal li{right:16px;width:240px}
  .cal small{white-space:normal}
  .cal small b{white-space:nowrap}
}
@media (max-width:1023px){
  .hero-g{grid-template-columns:minmax(0,1fr)}
  .sp-h.stk{position:static}
}
@media (max-width:767px){
  .pill{min-height:32px;padding:4px 12px;white-space:normal}
  .hero-b .btn{white-space:normal}
  .ben p{font-size:14px}
  .nt{font-size:15px}
  .nts .lk{white-space:normal}
  .two{grid-template-columns:minmax(0,1fr);gap:32px}
  .ct-l .btn{width:100%}

  .cmp.tf{display:table}
  .cmp.tf thead{display:table-header-group}
  .cmp.tf tbody{display:table-row-group}
  .cmp.tf tr{display:table-row;border-top:0}
  .cmp.tf thead th:first-child{display:table-cell}
  .cmp.tf th,.cmp.tf td{padding:12px 8px 12px 14px}
  .cmp.tf thead th{font-size:14px}
  .cmp.tf tbody th{grid-column:auto;width:auto;background:none;border-top:1px solid var(--n200);font-size:15px}
  .cmp.tf tbody td{border-top:1px solid var(--n200)}
  .cmp.tf .v{width:1%;padding-left:4px;padding-right:14px}
  .cmp.tf td.v{font-size:16px}
  .tf tbody th small{display:block;margin:2px 0 0;font-size:14px}

  .rp thead th small,.pr td small{font-size:14px}
  .pr{table-layout:auto}
  .pr thead tr,.pr tbody tr{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pr thead th{white-space:normal}
  .pr tbody th,.pr thead th:first-child{width:auto}
}
@media (orientation:landscape) and (max-height:500px){
  html{scroll-padding-top:calc(var(--nav-h) + var(--banner-h,0px) + 16px)}
  .lnav{position:static}
}
@media (hover:none){
  .tf tbody tr:hover{background:none}
}