/* A quiet permissions notice that preserves the existing site design. */
.resource-permissions {
  --permission-space: 1rem;
  margin-block: calc(var(--permission-space) * 2);
  padding: clamp(1.25rem, 3vw, 2rem);
  border-left: 4px solid var(--teal);
  background: var(--grey);
  color: var(--ink);
  text-align: left;
}
.resource-permissions h3 {
  margin: 0 0 var(--permission-space);
  font-size: clamp(1.125rem, 1rem + .3vw, 1.35rem);
  line-height: 1.3;
  color: var(--charcoal);
}
.resource-permissions p {
  max-width: 75ch;
  margin: 0 0 var(--permission-space);
  font-size: 1rem;
  line-height: 1.65;
}
.resource-permissions p:last-child { margin-bottom: 0; }
.resource-permissions a, .permissions-page a:not(.button) {
  text-decoration: underline;
  text-underline-offset: .18em;
  overflow-wrap: anywhere;
}
.permissions-hub {
  max-width: 1020px;
  margin-inline: auto;
  padding: 0 clamp(1.25rem, 6vw, 3.75rem) 2rem;
}
.permissions-page { padding: clamp(3rem, 6vw, 5rem) clamp(1.25rem, 6vw, 3.75rem); }
.permissions-wrap { max-width: 850px; margin-inline: auto; }
.permissions-page h1 { font-size: clamp(2.25rem, 4.4vw, 3.6rem); max-width: 18ch; }
.permissions-page h2 { font-size: clamp(1.5rem, 3vw, 2.15rem); margin-top: 2em; }
.permissions-page li { margin-block: 1rem; }
.permissions-page ul { padding-left: 1.25rem; }
.permissions-page a:focus-visible, .resource-permissions a:focus-visible {
  outline: 3px solid var(--charcoal);
  outline-offset: 4px;
}
.poster-permissions { font-size: 1rem; }