/* Scoped to the selected footer; the header and existing site styles stay intact. */
.footer.lab-footer {
  box-sizing:border-box;
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(180px,1fr) auto minmax(200px,1fr);
  align-items:center;
  gap:24px;
  width:100%;
  min-height:112px;
  margin:28px 0 22px;
  padding:18px 24px;
  border:1px solid rgba(194,217,47,.62);
  border-radius:16px;
  color:var(--paper,#f0ead7);
  background:radial-gradient(ellipse at 4% 0,rgba(124,156,32,.12),transparent 43%),url("images/background-lab.svg"),linear-gradient(115deg,#101910,#080e09 74%);
  box-shadow:inset 0 1px 0 rgba(224,236,171,.045);
}
.lab-footer__brand { display:flex; align-items:center; gap:11px; min-width:0; width:max-content; color:var(--paper,#f0ead7); text-decoration:none; }
.lab-footer__brand:focus-visible { outline:2px solid var(--paper,#f0ead7); outline-offset:4px; }
.lab-footer__mark { display:flex; flex:none; align-items:center; gap:5px; }
.lab-footer__mark > span { box-sizing:border-box; position:relative; display:flex; align-items:flex-end; justify-content:center; width:34px; height:39px; padding:5px 3px; border:1px solid rgba(206,226,150,.78); border-radius:2px; background:linear-gradient(135deg,#1b3b23,#0e2114); box-shadow:inset 0 1px 0 rgba(210,237,170,.09); }
.lab-footer__mark small { position:absolute; top:3px; right:3px; color:#d4e1be; font:7px/1 "Roboto Mono",Consolas,monospace; }
.lab-footer__mark strong { color:var(--paper,#f0ead7); font:600 23px/1 "Barlow Condensed","Arial Narrow",Arial,sans-serif; }
.lab-footer__name { display:flex; flex-direction:column; gap:5px; }
.lab-footer__name > strong { font:500 23px/1 "Barlow Condensed","Arial Narrow",Arial,sans-serif; letter-spacing:2px; }
.lab-footer__name > small { color:#a7b38c; font:8px/1.2 "Roboto Mono",Consolas,monospace; letter-spacing:1.6px; }
.lab-footer__elements { position:relative; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; width:334px; }
.lab-footer__elements::before,.lab-footer__elements::after { content:""; position:absolute; top:50%; width:26px; height:1px; background:linear-gradient(90deg,transparent,rgba(194,217,47,.55)); }
.lab-footer__elements::before { left:-42px; }
.lab-footer__elements::after { right:-42px; transform:rotate(180deg); }
.lab-footer__element { box-sizing:border-box; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:4px; min-width:0; height:59px; padding:9px 3px 6px; border:1px solid rgba(191,203,166,.33); border-radius:2px; background:rgba(14,22,13,.38); }
.lab-footer__element > small { position:absolute; left:4px; top:4px; color:#bdc6ab; font:7px/1 "Roboto Mono",Consolas,monospace; }
.lab-footer__element > strong { font:500 27px/1 "Barlow Condensed","Arial Narrow",Arial,sans-serif; }
.lab-footer__element > span { color:#c7ceb9; font:6.5px/1 "Roboto Mono",Consolas,monospace; }
.lab-footer__element--acid { border-color:rgba(194,217,47,.46); color:#b5d780; }
.lab-footer__element--amber { border-color:rgba(211,168,59,.46); color:#d7b554; }
.lab-footer__copyright { display:flex; flex-direction:column; justify-self:end; gap:7px; margin:0; padding:0; color:var(--paper,#f0ead7); font:10px/1.35 "Roboto Mono",Consolas,monospace; letter-spacing:.4px; }
@media(max-width:980px) {
  .footer.lab-footer { grid-template-columns:minmax(0,1fr) auto; gap:14px 16px; min-height:130px; padding:16px 20px; }
  .lab-footer__brand { grid-column:1; grid-row:1; }
  .lab-footer__copyright { grid-column:2; grid-row:1; }
  .lab-footer__elements { grid-column:1/-1; grid-row:2; justify-self:center; }
  .lab-footer__element { height:45px; padding-top:6px; padding-bottom:5px; gap:3px; }
  .lab-footer__element > strong { font-size:23px; }
}
@media(max-width:720px) {
  .footer.lab-footer { min-height:126px; margin-top:20px; padding:14px 15px; gap:13px 12px; border-radius:14px; }
  .lab-footer__brand { gap:8px; }
  .lab-footer__mark { gap:4px; }
  .lab-footer__mark > span { width:27px; height:32px; padding:4px 2px; }
  .lab-footer__mark strong { font-size:19px; }
  .lab-footer__mark small { top:2px; right:2px; font-size:6px; }
  .lab-footer__name { gap:4px; }
  .lab-footer__name > strong { font-size:16px; letter-spacing:1.2px; }
  .lab-footer__name > small { font-size:6.5px; letter-spacing:1px; }
  .lab-footer__copyright { gap:5px; font-size:9px; letter-spacing:0; }
  .lab-footer__elements { width:min(100%,294px); gap:6px; }
  .lab-footer__elements::before,.lab-footer__elements::after { display:none; }
  .lab-footer__element { height:43px; }
  .lab-footer__element > strong { font-size:22px; }
  .lab-footer__element > small { left:3px; top:3px; font-size:6px; }
  .lab-footer__element > span { font-size:6px; }
}
@media(max-width:340px) {
  .footer.lab-footer { padding-right:12px; padding-left:12px; column-gap:9px; }
  .lab-footer__mark > span { width:25px; height:30px; }
  .lab-footer__name > strong { font-size:14px; }
}