@media (max-width: 850px) {
  .score-intro { grid-template-columns: 1fr; }
  .score-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
  .score-grid { grid-template-columns: 1fr; }
  .metric { grid-template-columns: 1fr; }
  .proposals .table-wrap { overflow: visible; border: 0; border-radius: 0; }
  .proposals table,
  .proposals tbody,
  .proposals tr,
  .proposals th,
  .proposals td { display: block; width: 100%; min-width: 0; }
  .proposals thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .proposals tr { margin-bottom: 1rem; border-radius: 14px; overflow: hidden; background: #fff; }
  .proposals .proposal-theme { padding: .9rem 1rem; background: #d9ef63; color: #163229; font-size: 1rem; }
  .proposals td { padding: 1rem; border-bottom: 0; }
  .proposals td:nth-child(2) { border-left: 5px solid #ef716c; border-bottom: 1px solid #d8d5c9; }
  .proposals td:nth-child(3) { border-left: 5px solid #76a9ea; }
  .proposals td:nth-child(2)::before,
  .proposals td:nth-child(3)::before { display: block; margin-bottom: .55rem; font-weight: 700; font-size: .82rem; letter-spacing: .06em; text-transform: uppercase; }
  .proposals td:nth-child(2)::before { content: "Lula (PT)"; color: #8e312c; }
  .proposals td:nth-child(3)::before { content: "Flávio Bolsonaro (PL)"; color: #274e85; }
  .proposal-list { padding-left: 1.15rem; }
}