:root{--title-font:'Merriweather', sans-serif}body{font-family:'PT Serif',sans-serif;line-height:1.6;margin:0;padding:0;background:#E9E9E9;color:#333;font-size:clamp(1rem, 1.5vw, 1.1rem)}.container{max-width:800px;margin:auto;padding:2rem;background:#fff}.container>h1:first-child{margin-top:0}h1,h2,h3{font-family:var(--title-font);color:#333;margin-top:2rem;margin-bottom:1rem}h1{font-size:2.25rem;font-weight:700}h2{font-size:1.5rem;font-weight:600}h3{font-size:1.25rem;font-weight:500}.cover{display:block;width:100%;max-width:400px;height:auto;border-radius:14px;border:1px solid #ddd;margin:2rem auto;background-color:#fcfbf7;box-shadow:0 10px 30px rgb(0 0 0 / .08);transition:transform 0.3s ease,box-shadow 0.3s ease}.cover:hover{transform:scale(1.012);box-shadow:0 14px 40px rgb(0 0 0 / .12)}.button{display:inline-block;background:#0073e6;color:#fff;padding:.75rem 1.5rem;text-decoration:none;border-radius:5px;margin-top:1rem;transition:background 0.3s ease,transform 0.2s ease}.button:focus{outline:2px solid #005bb5;outline-offset:2px}.button:hover{background:#005bb5;transform:translateY(-2px)}ul{padding-left:1.2rem}.highlight{background:#eef6ff;padding:1rem;margin:1rem 0;border-left:4px solid #0073e6}