:root{--a:#c26a0f;--d:#2b1d0e;--bg:#fbf7f0}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:#222;line-height:1.45}
header.top{background:linear-gradient(135deg,#2b1d0e,#7a3f0a);color:#fff;padding:14px 16px}header.top a{color:#fff;text-decoration:none;font-weight:700}header.top nav{max-width:1000px;margin:auto;display:flex;gap:16px;flex-wrap:wrap;align-items:center}header.top nav span{flex:1}
.wrap{max-width:1000px;margin:auto;padding:16px}a{color:var(--a)}h1{color:var(--d);margin:.4em 0}.crumbs{font-size:.85rem;color:#666}
.card{background:#fff;border-radius:10px;padding:14px;box-shadow:0 1px 3px #0002;margin:12px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.grid .card{margin:0}
.btn{display:inline-block;margin:6px 6px 0 0;padding:10px 16px;border-radius:8px;background:var(--a);color:#fff!important;text-decoration:none;font-weight:600}.btn.alt{background:#fff;color:var(--a)!important;border:1px solid var(--a)}
.closed{display:inline-block;background:#8a1c1c;color:#fff;font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:10px;margin-left:6px;vertical-align:middle}
.owner{border:2px dashed var(--a);background:#fff8ee}.owner .qr{width:160px;height:160px;background:#fff;float:right;margin-left:12px}.owner textarea{width:100%;font-family:monospace;font-size:.75rem;height:70px}
ul.beers{columns:2;padding-left:18px}@media(max-width:600px){ul.beers{columns:1}.owner .qr{float:none;display:block;margin:0 auto 8px}}
footer{text-align:center;color:#777;font-size:.8rem;padding:24px}.browse h3{margin:14px 0 4px}.browse a{margin-right:10px;white-space:nowrap}