/* Las cosas en bitcoin — mismo sistema visual de Compass. Lo común está en
   kit/kit.css y kit/herramienta.css; aquí va solo lo propio de esta página. */

/* Las cosas: un botón por cosa, con su medida y lo que cuesta hoy. */
.cosas{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.cosas button{width:100%;height:100%;display:grid;grid-template-columns:1fr auto;grid-template-areas:"nombre v" "medida v";align-items:center;gap:1px 12px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--text);font:600 15px var(--font-sans);text-align:left;cursor:pointer;transition:border-color .16s,background .16s}
.cosas button:hover{border-color:var(--text)}
.cosas button[aria-pressed="true"]{background:var(--chip-on-bg);color:var(--chip-on-text);border-color:var(--chip-on-bg)}
.cosas .nombre{grid-area:nombre}
.cosas .medida{grid-area:medida;font-size:12px;font-weight:450;opacity:.75}
.cosas .v{grid-area:v;font-weight:500;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}

.note{margin-top:18px}

@media (max-width:680px){.cosas{grid-template-columns:1fr}}