/* Boxed disclaimer and the three brand icons. Adapted from the Webex lab footer. */

.site-footer.lab-footer {
  display: block;
  max-width: none;
  margin: 28px 0 0;
  padding: 0 clamp(16px, 3vw, 36px) calc(28px + var(--dock-h));
  color: var(--ink, #142033);
  text-align: center;
  font-family: "Segoe UI", system-ui, sans-serif;
}
.disclaimer-panel {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  text-align: left;
  margin: 0 auto 18px;
  padding: 18px 20px;
  border-radius: 18px;
  border: 2px solid #0f766e;
  background: linear-gradient(135deg, #dcfce7 0%, #d1fae5 40%, #dbeafe 100%);
  color: #0b1f2a;
  box-shadow: 0 0 0 4px rgba(15, 118, 110, 0.12), 0 10px 28px rgba(15, 118, 110, 0.22);
}
.disclaimer-panel h2 { margin: 0 0 6px; font-size: 1.15rem; line-height: 1.3; color: #052e2b; }
.disclaimer-panel p { margin: 0 0 8px; font-size: 1rem; line-height: 1.55; color: #0b1f2a; }
.disclaimer-panel p:last-child { margin-bottom: 0; }
.disclaimer-panel a {
  color: #052e7a;
  background: #ffffff;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
  padding: 0 4px;
  border-radius: 4px;
}
.disclaimer-ico { flex: none; width: 52px; height: 52px; color: #0f766e; }
.disclaimer-ico svg { width: 100%; height: 100%; display: block; }
.footer-brand { margin: 8px 0 8px; font-size: 1.35rem; font-weight: 800; }
.brand-row {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  justify-content: center;
  width: max-content;
  max-width: 100%;
  margin: 0 auto 12px;
  padding: 16px 20px;
  border-radius: 32px;
  border: 3px solid transparent;
  background:
    linear-gradient(160deg, rgba(15, 23, 42, 0.92), rgba(49, 46, 129, 0.88)) padding-box,
    linear-gradient(120deg, #22d3ee, #a78bfa, #f472b6, #facc15) border-box;
  box-shadow: 0 0 28px rgba(167, 139, 250, 0.75), 0 0 12px rgba(34, 211, 238, 0.55);
}
.brand-icon {
  display: grid;
  place-items: center;
  width: 104px;
  height: 104px;
  border-radius: 28px;
  color: #fff;
  text-decoration: none;
  box-shadow:
    0 10px 0 rgba(15, 23, 42, 0.35),
    inset 0 2px 0 rgba(255, 255, 255, 0.45),
    0 0 22px rgba(250, 204, 21, 0.55);
  transform: perspective(240px) rotateX(10deg);
}
.brand-icon svg { width: 72px; height: 72px; display: block; }
.brand-web {
  background: radial-gradient(circle at 30% 22%, #c4b5fd, #6d28d9 42%, #312e81 78%);
  box-shadow: 0 10px 0 #1e1b4b, inset 0 2px 0 rgba(255,255,255,.45), 0 0 24px #c4b5fd;
}
.brand-gh {
  background: radial-gradient(circle at 30% 22%, #6e7681, #24292f 70%);
  box-shadow: 0 10px 0 #0d1117, inset 0 2px 0 rgba(255,255,255,.28), 0 0 20px rgba(255,255,255,.35);
}
.brand-tree {
  background: radial-gradient(circle at 30% 22%, #6ee7b7, #059669 55%, #064e3b 80%);
  box-shadow: 0 10px 0 #022c22, inset 0 2px 0 rgba(255,255,255,.4), 0 0 24px #34d399;
}
.site-copy { margin: 0; font-weight: 800; }
@media (max-width: 560px) {
  .disclaimer-panel { flex-direction: column; }
  .brand-icon { width: 84px; height: 84px; }
  .brand-icon svg { width: 58px; height: 58px; }
}
@media print {
  .brand-row { display: none; }
  .disclaimer-panel { box-shadow: none; }
}