/* The Instagram code belongs to the identity column, not the rest of the site. */
.profile-page .profile-identity { flex-direction: column; align-items: flex-start; gap: 1.4rem; }
.profile-identity__intro { display: flex; align-items: center; gap: 1rem; }
/* Wraps, so the handle sits above the code where the column is too narrow for both on one line
   (the desktop identity column is 288px) instead of breaking mid-word. */
.profile-identity__instagram-row { display: flex; flex-wrap: wrap; align-items: center;
  justify-content: space-between; gap: .625rem; width: 100%; padding-top: 1.2rem;
  border-top: 1px solid color-mix(in srgb, var(--profile-ink) 22%, transparent); }
/* 12rem, not 10: the @lucasgreenbook code is denser (about 56 modules across against 48), and at
   10rem it stops scanning on a 1x screen. 11.5rem is the smallest that still scans there. */
.profile-identity__instagram { display: block; flex: 0 0 12rem; width: 12rem; max-width: 100%; }
.profile-identity__instagram img { display: block; width: 100%; height: auto;
  /* White blends into the gray paper; every module is pushed to black so the small code scans. The
     cut-off sits at 75% luminance because the code's yellow corner reaches about 70% -- any lighter
     and those modules print gray. */
  filter: grayscale(1) brightness(.59) contrast(8.5);
  mix-blend-mode: multiply; image-rendering: pixelated; }
.profile-identity__instagram:focus-visible { outline: 3px solid var(--profile-accent);
  outline-offset: 4px; }
.profile-identity__instagram-link { display: flex; flex: 1 0 auto; flex-direction: column;
  justify-content: center; align-items: flex-start; gap: .35rem; min-width: 0; min-height: 2.75rem;
  color: var(--profile-ink); text-decoration: none; }
.profile-identity__instagram-label { color: var(--profile-muted); font-size: .78rem; }
.profile-identity__instagram-handle { font-size: .93rem; font-weight: 650;
  text-decoration: underline; text-underline-offset: .25em; overflow-wrap: anywhere; }
.profile-identity__instagram-link:hover .profile-identity__instagram-handle { color: var(--profile-accent); }
.profile-identity__instagram-link:focus-visible { outline: 3px solid var(--profile-accent);
  outline-offset: 4px; }