body{margin:0;background:#f3f1e8;color:#23423b;font-family:system-ui,sans-serif}a{color:inherit}header,footer{padding:30px 5%;display:flex;justify-content:space-between;border-bottom:1px solid #cad4c9}nav a{margin-left:20px}main{max-width:1150px;margin:70px auto;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding:0 24px}.cover{width:100%;border-radius:4px}h1{font:normal clamp(36px,5vw,64px) Georgia,serif;margin:20px 0}audio{width:100%;margin:20px 0}.text{white-space:pre-wrap;line-height:1.8;margin:25px 0}details{margin-top:30px}footer{display:block}@media(max-width:700px){main{grid-template-columns:1fr;gap:25px;margin-top:30px}header{display:block}nav{margin-top:15px}nav a{margin:0 15px 0 0}}