/* Basic Layout and Grid System */
*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100vh}
body{color:var(--ink);font-family:system-ui,Segoe UI,Arial,Helvetica}
.wrap{padding:14px}
.grid{display:grid;grid-template-columns:1fr;gap:10px}

/* Responsive Grid */
@media(min-width:900px){
  .grid{grid-template-columns:1fr 1fr}
  .span-2{grid-column:1 / -1}
}