.eddas-page {
  position: relative;
  width: min(48rem, 92vw);
  margin: clamp(1.5rem, 5vw, 4rem) auto 5rem;
  padding: clamp(1.4rem, 5vw, 3.8rem);
  border: 1px solid rgba(193, 145, 78, .5);
  background: radial-gradient(circle at 50% 0, rgba(106, 49, 30, .24), transparent 24rem), linear-gradient(145deg, #23170f, #0b0807 68%);
  box-shadow: inset 0 0 0 4px #0b0806, 0 1.5rem 4rem #0009;
}
.eddas-page__eyebrow { margin: 0 0 1rem; color: #bf965e; font-size: .73rem; letter-spacing: .17em; text-transform: uppercase; }
.eddas-page h2 { margin: 0; color: #f0dcb5; font-size: clamp(2.3rem, 6vw, 4.4rem); font-weight: 400; line-height: 1.05; }
.eddas-page__intro { max-width: 39rem; margin: 1.3rem 0 0; color: #d9c5a3; font-size: 1.12rem; line-height: 1.7; text-align: justify; hyphens: auto; }
.eddas-page__rule { margin: 2rem 0; color: #a37b42; text-align: center; }
.eddas-page__fragment { padding: 1.7rem clamp(1rem, 4vw, 2.2rem); border-left: 2px solid #9b7140; background: rgba(9, 7, 6, .5); }
.eddas-page h3 { margin: 0 0 1.2rem; color: #d7b878; font-size: 1.15rem; font-weight: 400; }
.eddas-page__fragment p { margin: 0 0 1.3rem; color: #ead9b9; font-size: clamp(1.04rem, 2.2vw, 1.15rem); line-height: 1.85; text-align: justify; hyphens: auto; }
.eddas-page__fragment p:last-child { margin-bottom: 0; }
.eddas-page__closing { margin: 2rem 0; color: #bba37d; font-style: italic; }
.eddas-page__return { display: inline-block; padding: .75rem 1rem; border: 1px solid #a47a42; color: #f0d8a8; text-decoration: none; }
.eddas-page__return:hover, .eddas-page__return:focus-visible { background: #5a3922; outline: 2px solid #f0d8a8; outline-offset: 3px; }
@media (max-width: 600px) {
  .eddas-page { margin-top: 1.3rem; padding: 1.35rem; }
  .eddas-page__intro { font-size: 1rem; }
  .eddas-page__fragment { padding: 1.2rem .85rem; }
  .eddas-page__fragment p { line-height: 1.75; }
}