/* Kits, to your budget (/kits/, opened by Guides' yellow kit card; owner, 22 Oct): a note that only
   informs (no edge, a soft shadow), a kit a row, its budgets as butter tags. */
.kb{margin-top:22px;background:var(--paper);box-shadow:0 6px 16px var(--shadow);padding:6px 22px}
.kb-rows{list-style:none;margin:0;padding:0}
.kb-rows li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 18px;align-items:center;padding:14px 0}
.kb-rows li + li{border-top:1px solid var(--rule)}
.kb-name{font-family:var(--display);font-weight:var(--dw);font-size:20px;line-height:1.2;color:var(--ink);text-decoration:none}
.kb-name:hover{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
.kb-for{grid-column:1;font-size:14.5px;color:var(--ink2)}
.kb-chips{grid-column:2;grid-row:1 / span 2;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.kb-chips a{padding:9px 14px;background:var(--butter);font:400 12px/1 var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-decoration:none;white-space:nowrap}
.kb-chips a:hover{background:var(--ink);color:var(--paper)}
@media (max-width:700px){
  .kb-rows li{grid-template-columns:minmax(0,1fr)}
  .kb-chips{grid-column:1;grid-row:auto;justify-content:flex-start}
}
.ix-part.kb-list{padding-top:0}  /* the list right under its heading */
.kb-list .kb{margin-top:0}