#logo img{width:44px;height:44px;object-fit:contain;border-radius:14px;background:#fff;border:1px solid rgba(15,23,42,.12)}

.b34-grid{
  display:grid;
  grid-template-areas:
    "a m b";
  grid-template-columns: 280px minmax(0,1fr) 280px;
  gap:16px;
}
.b34-a{grid-area:a}
.b34-m{grid-area:m}
.b34-b{grid-area:b}

@media (max-width: 1100px){
  .b34-grid{
    grid-template-areas:
      "m"
      "a"
      "b";
    grid-template-columns: 1fr;
  }
}

.b34-pill{display:flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:rgba(248,250,252,.9);text-decoration:none;color:#0f172a;font-weight:600}
.b34-pill.is-active{border-color:rgba(37,99,235,.35);box-shadow:0 0 0 4px rgba(37,99,235,.12)}

.b34-btn{display:flex;align-items:center;gap:10px;border-radius:14px;border:1px solid rgba(15,23,42,.12);padding:10px 12px;text-decoration:none;color:#0f172a;background:#fff}
.b34-btn:hover{border-color:rgba(14,165,233,.40)}

.b34-drawer{border-bottom:1px solid rgba(15,23,42,.10);background:rgba(248,250,252,.80)}

#footer{padding:28px 0;border-top:1px solid rgba(15,23,42,.12);background:rgba(255,255,255,.6)}
#footer .social{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
#footer .social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:#fff;border:1px solid rgba(15,23,42,.12);text-decoration:none;color:inherit}
#footer p{margin:0;color:#475569}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}