/* Queeny Bee hive strip. Kept apart from app.css. */
.hive { margin:16px 0 0; padding:16px 14px 14px; border:2px solid var(--steel,#b9b9b9); border-radius:16px; box-shadow:0 4px 0 var(--amber,#D98E04);
  background:#141414 url("static/hive/honeycomb-dark.svg") repeat; background-size:35px 60px; }
.hive h2 { margin:0 0 12px; text-align:center; color:var(--honey,#F6B40E); font-size:18px; letter-spacing:.5px; }
.hive-cards { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.hive-card { background:#1d1d1d; border:1px solid #3a3a3a; border-top:3px solid var(--honey,#F6B40E); border-radius:12px; padding:12px 10px; text-align:center; }
.hive-icon { display:grid; place-items:center; width:64px; height:64px; margin:0 auto 8px; border-radius:50%; background:#FAF6EE; border:2px solid var(--honey,#F6B40E); }
.hive-icon img { display:block; width:48px; height:48px; }
.hive-card h3 { margin:0; color:var(--honey,#F6B40E); font-size:15px; }
.hive-card p { margin:4px 0 0; color:#d6d6d6; font-size:13px; line-height:1.4; }
.hive-card strong { color:#f2f2f2; }
@media (max-width:640px) {
  .hive-cards { grid-template-columns:1fr; }
  .hive-card { display:grid; grid-template-columns:56px 1fr; gap:2px 12px; align-items:center; text-align:left; }
  .hive-icon { width:56px; height:56px; margin:0; grid-row:span 2; }
  .hive-icon img { width:42px; height:42px; }
  .hive-card p { margin:0; }
}