:root{--ink:#563856;--paper:#e9dfed}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 system-ui,sans-serif}header,main{max-width:1080px;margin:auto;padding:20px clamp(16px,4vw,45px)}header{display:flex;justify-content:space-between;border-bottom:1px solid currentColor}a{color:inherit}section{position:relative;padding:26px 0 40px;max-width:820px}h1,h2,h3{line-height:1.08}h1{font: bold clamp(35px,5vw,65px)/1.02 Georgia,serif;margin:12px 0}h2{font: bold 30px Georgia,serif}h3{margin:0}p{margin:8px 0}.mark{font-size:46px}.columns{display:grid;grid-template-columns:2fr 1fr;gap:28px}article{border-top:1px solid currentColor;padding:16px 0}article p,small{font-size:15px}.controls{display:flex;align-items:center;gap:12px}.controls strong{margin-right:auto}button{background:var(--ink);color:white;font:inherit;border:0;padding:7px 14px;border-radius:4px;cursor:pointer}button:disabled{opacity:.45}aside{align-self:start;background:#fff9;padding:20px;border-radius:8px}aside h2{margin-top:0}#lines{white-space:pre-line}details,footer{margin-top:32px;border-top:1px solid currentColor;padding-top:18px}summary{cursor:pointer}footer{font-size:14px}@media(max-width:660px){.columns{grid-template-columns:1fr}}