/* QR left, three lines right. Keep the same compact lockup on every page. */
.showcase-unit {
  --showcase-size:144px;
  display:flex; gap:4px;
  align-items:center; width:fit-content; max-width:100%; min-width:0;
}
.content-showcase { margin:26px 0 34px auto; }
.content-showcase-footer { margin:28px 0 34px; padding-top:16px; border-top:1px solid var(--line); min-width:0; }
.content-showcase-footer .content-showcase { margin:0 0 0 auto; }
.showcase-code { display:block; flex:0 0 var(--showcase-size); width:var(--showcase-size); height:var(--showcase-size); background:#fff; }
/* The built-in QR has a 15% white inset. Place copy within its outer white
   margin without cropping the image; uploaded QR files keep their full space. */
.showcase-code:has(> img[src="showcase-qr.png"]) { margin-inline-end:-12px; }
.showcase-code img { display:block; width:100%; height:100%; object-fit:contain; }
.showcase-code:focus-visible { outline:2px solid var(--focus); outline-offset:4px; }
.showcase-copy {
  display:flex; flex-direction:column; align-items:flex-start; gap:4px;
  box-sizing:border-box; flex:0 1 auto; width:max-content; min-width:0; padding:0;
  color:var(--muted); font-family:inherit; font-size:16px; font-weight:400; line-height:1.5; text-align:left;
}
.showcase-copy :is(.showcase-title,.showcase-subtitle,.showcase-scan) { display:block; margin:0; font:inherit; color:inherit; letter-spacing:0; overflow-wrap:anywhere; }
.showcase-copy .showcase-subtitle { font-weight:700; }
.cooperation-contact { grid-template-columns:minmax(0,1fr) minmax(280px,340px); }
.cooperation-codes { display:flex; flex-wrap:wrap; align-items:start; justify-content:flex-start; gap:28px; min-width:0; }
.showcase-cooperation { margin:0; }
.admin-showcase-preview { display:flex; align-items:center; gap:20px; margin:16px 0; }
.admin-showcase-preview img { width:152px; height:152px; object-fit:contain; background:#fff; }
@media(max-width:760px) {
  .showcase-unit { --showcase-size:112px; }
  .content-showcase { margin:22px 0 28px auto; }
  .content-showcase-footer { margin:24px 0 28px; padding-top:12px; }
  .showcase-unit { margin-inline-start:auto; margin-inline-end:0; }
  .showcase-copy { font-size:14px; align-items:flex-start; text-align:left; }
  .cooperation-contact { grid-template-columns:minmax(0,1fr); }
}