:root{--page:60ch;--rule:#ddd}
body{font-family:ui-serif,Georgia,serif;line-height:1.55;margin:0}
header { display: none; }
main{max-width:var(--page);margin:0 auto;padding:1rem}
nav.pager{max-width:var(--page);margin:1rem auto;padding-top:1rem;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;gap:.5rem}
.btn{padding:.5rem .75rem;border:1px solid var(--rule);border-radius:.5rem;background:#fff;text-decoration:none}
.btn[aria-disabled="true"]{opacity:.45;pointer-events:none}

.pester{
  border:1px dashed #bbb;
  padding:0.2rem 0;           /* equal padding top & bottom */
  margin:1rem 0;
  background:#fff;
}

/* summary line → flex row, centred both ways   */
.pester summary{
  display:flex;
  justify-content:center;     /* horizontal centring          */
  align-items:center;         /* vertical centring             */
  list-style:none;
  cursor:pointer;
  margin:0;                   /* <-- remove the .5 rem bottom! */
  padding:0;
}

/* hide browser’s ▼ */
.pester summary::marker,
.pester summary::-webkit-details-marker{display:none}

/* faux button */
.pester .toggle{
  display:inline-block;
  padding:.2rem .75rem;
  border:1px solid #a9a9a9;
  border-radius:.35rem;
  background:#f3f3f3;
  box-shadow:0 1px 0 #e5e5e5;
  font:500 .9rem/1 ui-serif,Georgia,serif;
}

/* swap labels on open */
.pester .hide{display:none}
.pester[open] .show{display:none}
.pester[open] .hide{display:inline}

/* Audio Player: */
.player{
  display:block;
  width:100%;
  max-width:700px;     /* pick the width you like */
  margin:1rem auto;    /* centers it */
}

.centered-img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
  }