/* Free pages: everything Pencil Reply gives away, one entry each. */
.fr-band .band-card { max-width: 640px; }
.fr-band .thing.sheet-pic img { display: block; width: 100%; height: auto; background: #fff; box-shadow: 0 0 0 1px rgba(51,54,59,.12), 10px 14px 18px rgba(80,45,10,.32); }
.fr-band .thing { pointer-events: none; }

.pg .fr-list, .fr-list { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 22px; }
.fr-list > li { margin: 0; }
.fr-item { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 18px 24px; align-items: start; background: var(--paper); border: 1.5px solid var(--graphite); border-radius: 6px; padding: 20px 22px; box-shadow: 6px 6px 0 var(--manila); }
.fr-item img { display: block; width: 100%; height: auto; background: #fff; box-shadow: 0 0 0 1px rgba(51,54,59,.15), 4px 6px 0 rgba(51,54,59,.08); transform: rotate(-2deg); }
.fr-item h3 { margin: 0 0 8px; font-size: 26px; line-height: 1.2; }
.fr-item h3 a { text-decoration: underline; text-decoration-color: var(--red); text-underline-offset: 5px; text-decoration-thickness: 2px; }
.fr-item p { margin: 0 0 10px; }
.fr-item .fr-what { font-size: 16px; line-height: 24px; }
/* Phone-sized targets for the shared menu and footer on this page. */
@media (max-width: 760px) {
  .top .menu summary { min-height: 44px; padding-top: 10px; padding-bottom: 10px; }
  .top .top-tab { padding-top: 1px; padding-bottom: 1px; }
  .top .menu li a { min-height: 44px; display: flex; align-items: center; }
  .foot li { margin: 0; }
  .foot li a { min-height: 44px; display: inline-flex; align-items: center; padding: 0; }
  .signup .tick { min-height: 44px; align-items: center; }
}
@media (max-width: 560px) {
  .fr-item { display: block; padding: 16px; }
  .fr-item img { float: left; width: 84px; margin: 4px 16px 8px 0; }
  .fr-item h3 { font-size: 22px; }
}