.phm-story-page .pb-card,
.tiese-story-page .pb-card {
  padding: clamp(1.25rem, 2.5vw, 2.5rem);
}

.phm-story-page .phm-fairy-canonical {
  padding-top: clamp(2.5rem, 5vw, 4rem);
}

.phm-story-page .phm-fairy-canonical > h1 {
  margin-top: 0;
}

.tiese-story-body > p {
  margin-bottom: 1.3em;
}

.tiese-story-body .story-center { text-align: center; }

.tiese-story-body .story-figure { margin: clamp(2rem, 5vw, 3.5rem) 0; }
.tiese-story-body .story-figure img { display: block; width: 100%; height: auto; border: 1px dashed var(--pb-accent); border-radius: var(--radius-md); box-shadow: 0 14px 34px rgb(0 0 0 / 0.24); }

.tiese-story-body .scenario-insert {
  width: min(48%, 360px);
  margin-block: clamp(1.5rem, 4vw, 2.5rem);
  padding: .35rem;
  border: 1px dashed var(--scenario-light, var(--pb-accent));
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--scenario-light, var(--pb-accent)) 7%, transparent);
  box-shadow: 0 14px 30px color-mix(in srgb, var(--scenario-light, #000) 22%, transparent);
}
.tiese-story-body .scenario-insert--left { margin-left: 0; margin-right: auto; transform: rotate(-.7deg); }
.tiese-story-body .scenario-insert--center { margin-inline: auto; transform: rotate(.25deg); }
.tiese-story-body .scenario-insert--right { margin-left: auto; margin-right: 0; transform: rotate(.7deg); }
.tiese-story-body .scenario-insert--cool { --scenario-light: #7ebed8; }
.tiese-story-body .scenario-insert--amber { --scenario-light: #e6b86f; }
.tiese-story-body .scenario-insert--golden { --scenario-light: #ef985f; }
.tiese-story-body .scenario-insert img,
.tiese-story-body .championship-figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: calc(var(--radius-md) - 3px);
  filter: none;
}
.tiese-story-body .scenario-insert img { aspect-ratio: 16 / 9; }
.tiese-story-body .championship-figure {
  width: min(92%, 680px);
  margin: 1.5rem auto clamp(2rem, 5vw, 3.5rem);
  padding: .4rem;
  border: 1px dashed var(--pb-accent);
  border-radius: var(--radius-md);
  box-shadow: 0 16px 36px rgb(0 0 0 / .26);
  transform: rotate(-.35deg);
}

.tiese-story-body blockquote {
  margin: 2rem 0;
  padding: 1rem 1.4rem;
  border-left: 2px solid var(--pb-accent);
  background: var(--pb-bg-soft);
}

.tiese-story-body blockquote p:last-child { margin-bottom: 0; }

.tiese-story-body hr {
  width: 55%;
  margin: 3.5rem auto;
  border: 0;
  border-top: 1px dashed var(--pb-accent);
}

.tiese-story-body .indie-emphasis {
  color: var(--pb-heading);
  font-size: clamp(1.45rem, 3vw, 2rem);
  line-height: 1.35;
}

.tiese-story-body .pebb-note {
  max-width: 620px;
  margin: clamp(2.5rem, 6vw, 4rem) 0 0 auto;
  color: var(--pb-muted);
  font-family: var(--font-display);
  font-size: clamp(.92rem, 1.5vw, 1.05rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: right;
}
.tiese-story-body .pebb-note p { margin: 0; }
.tiese-story-body .pebb-note p + p { margin-top: .7rem; }
.tiese-story-body .pebb-note-title {
  color: color-mix(in srgb, var(--pb-heading) 72%, var(--pb-muted));
  font-size: 1.12em;
}

@media (max-width: 640px) {
  .phm-story-page .pb-card,
  .tiese-story-page .pb-card { padding: 4rem 1rem 1.2rem; }

  .phm-story-page .phm-fairy-canonical { width: 100%; }

  .tiese-story-body .scenario-insert { width: min(86%, 360px); }
  .tiese-story-body .championship-figure { width: 96%; }
}