.fan-guidelines-section {
  position: relative;
}

.fan-guidelines-paper {
  position: relative;
  max-width: 58rem;
  margin: 2rem auto 0;
  padding: clamp(2rem, 5vw, 3.5rem);
  color: #403529;
  background:
    repeating-linear-gradient(0deg, transparent 0 31px, rgba(94, 77, 48, .09) 31px 32px),
    #f0e2be;
  border: 1px solid rgba(89, 68, 37, .42);
  box-shadow: 8px 10px 0 rgba(52, 39, 24, .22), 0 22px 40px rgba(0, 0, 0, .16);
  transform: rotate(-.12deg);
}

.fan-guidelines-paper::before {
  position: absolute;
  top: -12px;
  left: 50%;
  width: 7.5rem;
  height: 1.5rem;
  background: rgba(207, 188, 144, .74);
  box-shadow: 0 1px 2px rgba(59, 43, 25, .18);
  content: "";
  transform: translateX(-50%) rotate(.8deg);
}

.fan-guidelines-paper h2 {
  margin-top: .45rem;
  color: #5d3b2d;
  font-family: var(--mincho);
  font-size: clamp(1.35rem, 3vw, 2rem);
  line-height: 1.5;
  letter-spacing: .03em;
}

.fan-guidelines-copy {
  display: grid;
  gap: 1.15rem;
  margin-top: 1.5rem;
  font-size: clamp(.88rem, 1.4vw, 1rem);
  line-height: 1.95;
}

.fan-guidelines-copy strong {
  color: #9a4734;
  font-weight: 700;
}

.fan-guidelines-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem;
  margin-top: 1.7rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(89, 68, 37, .34);
}

.fan-guidelines-tags span {
  margin-right: .35rem;
  color: #8f4b3c;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .05em;
}

.fan-guidelines-tags strong {
  padding: .28rem .6rem;
  color: #f6eacd;
  background: #59664a;
  font-size: .84rem;
  font-weight: 700;
  letter-spacing: .02em;
}

@media (max-width: 640px) {
  .fan-guidelines-paper {
    padding: 2rem 1.35rem 1.7rem;
    transform: none;
  }

  .fan-guidelines-paper h2 {
    font-size: 1.25rem;
  }

  .fan-guidelines-copy br {
    display: none;
  }
}