/* Social destinations share the sidebar's current colors and collapse motion. */
html[data-theme] #drawer .drawer-socials {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:center;
  gap:4px;
  width:100%;
}
html[data-theme] #drawer .drawer-socials a {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:44px;
  padding:4px;
  border-radius:10px;
  color:var(--ink-2);
  font-family:var(--display);
  font-size:11px;
  font-weight:400;
  line-height:16px;
  letter-spacing:0;
  text-transform:none;
  text-decoration:none;
  transition:background .2s,color .2s;
}
html[data-theme] #drawer .drawer-socials a:hover {
  color:var(--ink);
  background:var(--control-tray);
}
html[data-theme] #drawer .drawer-socials a:focus-visible {
  outline:2px solid var(--ink-2);
  outline-offset:1px;
}
html[data-theme] #drawer .drawer-socials svg {width:16px;height:16px;flex-shrink:0}