/* Seitengerüst: Kopfzeile, Container, Karten, Zeilen */

header{
  background:var(--green); color:#fff; padding:16px 16px 14px;
  position:sticky; top:0; z-index:20; box-shadow:0 2px 6px rgba(0,0,0,.12);
}
header h1{margin:0; font-size:20px; font-weight:700; display:flex; align-items:center; gap:8px}

.wrap{max-width:560px; margin:0 auto; padding:0 14px}

.card{
  background:var(--card); border:1px solid var(--border); border-radius:14px;
  padding:16px; margin-top:14px; box-shadow:var(--shadow);
}

.row{display:flex; gap:10px}
.row .grow{flex:1}
.row .gram{width:110px; flex:0 0 auto}

.setline{display:flex; gap:10px; margin-top:10px}
.setline > div{flex:1}