@media (min-width: 560px) {
  .checker-card { padding: var(--space-4); }
  .tools-grid { grid-template-columns: repeat(2, 1fr); }
  .sample-fields { grid-template-columns: 1.35fr 1fr; }
  .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }
  .footer-about { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: row; justify-content: space-between; align-items: flex-start; }
  .footer-bottom p:first-child { max-width: 720px; }
  .field-grid, .related-grid { grid-template-columns: repeat(2, 1fr); }
  .issue-grid { grid-template-columns: repeat(2, 1fr); }
  .bill-facts-grid { grid-template-columns: repeat(2, 1fr); }
  .math-flow { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); }
  .tariff-branches { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .decision-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 768px) {
  .steps { grid-template-columns: repeat(3, 1fr); }
  .faq-layout { grid-template-columns: minmax(220px, .75fr) minmax(420px, 1.25fr); align-items: start; }
  .faq-intro { position: sticky; top: 7rem; }
  .article-grid { grid-template-columns: minmax(0, 1.6fr) minmax(250px, .7fr); }
  .calculator-layout { grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr); }
  .calculator-card { padding: var(--space-4); }
  .action-banner { flex-direction: row; align-items: center; justify-content: space-between; }
}

@media (min-width: 900px) {
  .tools-grid { grid-template-columns: repeat(3, 1fr); }
  .guide-grid { grid-template-columns: .9fr 1.1fr; }
  .sample-bill { justify-self: end; }
  .footer-grid { grid-template-columns: 1.7fr 1fr 1fr 1fr; }
  .footer-about { grid-column: auto; }
  .issue-grid { grid-template-columns: repeat(3, 1fr); }
  .tariff-branches { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
  .site-header .site-brand-icon { width: 40px; height: 40px; }
  .site-header { position: sticky; top: 0; }
  .menu-toggle { display: none; }
  .primary-nav { position: static; display: flex; align-items: center; border: 0; border-radius: 0; background: transparent; box-shadow: none; padding: 0; }
  .primary-nav > a { padding: .5rem .55rem; font-size: .82rem; }
  .nav-more summary { padding: .5rem .55rem; font-size: .82rem; }
  .nav-more > div { position: absolute; top: calc(100% + .45rem); right: 0; min-width: 175px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: #fff; box-shadow: var(--shadow-md); padding: .4rem; }
  .nav-more:not([open]) > div { display: none; }
  .nav-more > div a { white-space: nowrap; }
}

@media (max-width: 359px) {
  .container { width: min(100% - 1.25rem, var(--content-width)); }
  .section { padding-block: 3.25rem; }
  .checker-card { padding: .7rem; }
  .checker-tab { font-size: .78rem; }
  .sample-bill { padding: .8rem; }
  .saved-connection { align-items: flex-start; }
  .saved-actions { width: 100%; }
  .excluded-charges ul { columns: 1; }
}