/* Wide screens; loaded last so it applies over every section. */

/* Wide screens: use the window. The content grows to 1280px. Inicio stays one centered
   column: two flowing columns rebalanced every time a card finished loading, so cards
   jumped from one side to the other and left a gap at the bottom of a column. */
@media (min-width: 1200px) {
  .shell { max-width: 1280px; grid-template-columns: 220px 1fr; column-gap: 36px; }
  .view.home { max-width: 760px; width: 100%; margin-inline: auto; }
}
.hero .sum .sum-detail .link-btn, .hero .sum .sum-detail a { display: inline; color: inherit; text-decoration: underline; font-size: inherit; }
.debt-block { display: grid; gap: 6px; padding: 12px; border-radius: 12px; background: var(--panel-2); }
.debt-block .kv { display: flex; justify-content: space-between; gap: 12px; font-weight: 650; }