/* Five section motifs share one grid, stroke weight, and the supplied palette. */
.origami-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  overflow: visible;
  vertical-align: middle;
  transition: transform .2s ease;
}

.directory > a { grid-template-columns: 45px 1fr 40px; }
.directory > a > .origami-icon,
.social-links > a > .origami-icon { width: 40px; height: 40px; }
.text-link > .origami-icon,
.button-link > .origami-icon { width: 24px; height: 24px; }
.footer-links .origami-icon { width: 22px; height: 22px; }
.poem-source .origami-icon { width: 20px; height: 20px; margin-left: 6px; }

/* Paper facets remain visible against the charcoal listening buttons. */
.button-link .origami-icon { background: #F2EFE8; border-radius: 2px; }
a:hover > .origami-icon,
button:hover > .origami-icon { transform: translateY(-2px) rotate(-3deg); }

@media (max-width: 760px) {
  .directory > a { grid-template-columns: 25px 1fr 34px; }
  .directory > a > .origami-icon,
  .social-links > a > .origami-icon { width: 34px; height: 34px; }
}

@media (prefers-reduced-motion: reduce) {
  .origami-icon { transition: none; }
  a:hover > .origami-icon,
  button:hover > .origami-icon { transform: none; }
}

@media (forced-colors: active) {
  .origami-icon g { stroke: CanvasText; }
  .origami-icon polygon { fill: Canvas; }
}