:root{font-family:system-ui,sans-serif;color:#242b30;background:#f5f5f3}body{margin:0}main{box-sizing:border-box;max-width:720px;margin:8vh auto;padding:32px;background:white;border:1px solid #ddd;border-radius:16px}h1{font-size:clamp(2rem,6vw,3.5rem);overflow-wrap:anywhere}p{line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}#mode{font-weight:700;letter-spacing:.1em}button{padding:12px 24px;background:#26343e;color:white;border:0;border-radius:8px;font:inherit;cursor:pointer}@media(max-width:760px){main{margin:20px 12px;padding:24px}}[hidden]{display:none!important}

#menu article{border-top:1px solid #ddd;padding:16px 0;overflow:auto}#menu img,.menu-placeholder{width:100px;height:100px;object-fit:cover;float:right;margin-left:16px}.menu-placeholder{display:grid;place-items:center;background:#eee;color:#777;font-size:2rem}#menu [hidden]{display:none}