.author-development-panel,
.author-development-card {
  margin: 2rem 0;
  padding: clamp(1rem, 3vw, 1.75rem);
  border: 1px solid #8c704c;
  border-left: 4px solid #8c704c;
  background: color-mix(in srgb, var(--paper, #eee2c9) 92%, #b2a07e);
  color: var(--ink, #302b23);
  border-radius: .2rem;
  overflow-wrap: anywhere;
}
.author-development-index { max-width: 70rem; margin: 0 auto; padding: 1rem clamp(1rem, 3vw, 2rem); box-sizing: border-box; }
.author-development-kicker,
.author-development-status { font-size: .8rem; letter-spacing: .07em; font-weight: 700; }
.author-development-panel h2,
.author-development-card h2 { margin-top: 0; }
.author-development-notice { line-height: 1.6; max-width: 65ch; }
.author-development-panel summary,
.author-development-card summary {
  cursor: pointer;
  padding: .75rem .15rem;
  font-weight: 700;
  scroll-margin-top: 7rem;
}
.author-development-panel summary:focus-visible,
.author-development-card summary:focus-visible,
.author-development-index a:focus-visible,
.author-development-panel a:focus-visible { outline: 3px solid #896322; outline-offset: 4px; }
.author-development-body { max-width: 75ch; padding: .5rem 0; line-height: 1.7; }
.author-development-body table { display: block; max-width: 100%; overflow-x: auto; }
.author-development-body th,
.author-development-body td { min-width: 9rem; white-space: normal; }
.author-development-boundaries { margin-top: 1rem; padding: .5rem 0; border-top: 1px solid #9e8968; }
.author-development-boundaries li,
.author-development-source-links li { margin: .6rem 0; line-height: 1.5; }
@media (max-width: 600px) {
  .author-development-panel,
  .author-development-card { margin: 1.25rem 0; padding: 1rem; }
  .author-development-workshop-link a { display: inline-block; padding: .4rem 0; }
  .author-development-body { font-size: 1rem; }
}