:root{color-scheme:light;font-family:system-ui,sans-serif;color:#26342e;background:#f6f2e8;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:24px}h1,h2,h3{font-family:Georgia,serif}h1{font-size:2.2rem;margin:.4rem 0}.eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.12em}.layout{display:grid;grid-template-columns:2fr 1fr;gap:24px}section,aside{border:1px solid #b9b4a2;background:#fffdf7;padding:20px;border-radius:8px}.scene{height:220px;background:#d9dfd1;border:1px solid #a0ae9e;display:flex;justify-content:space-around;align-items:end;padding:28px;color:#344838}.scene span{padding:18px;background:#c6ad88;border:2px solid #8d7758}.people{display:flex;gap:12px;flex-wrap:wrap}button,input{font:inherit;min-height:44px;padding:10px 14px;margin:4px 0;border:1px solid #607466;border-radius:4px}button{background:#e9efe6;color:#22392a;cursor:pointer}button:disabled{opacity:.65;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #a45320;outline-offset:3px}form{border-top:1px solid #b9b4a2;margin-top:20px;padding-top:10px}label{display:block}input{width:130px;margin-right:8px}#status{padding:12px;background:#e9e4d6}aside p{overflow-wrap:anywhere}@media(max-width:650px){main{padding:12px}.layout{grid-template-columns:1fr;gap:12px}section,aside{padding:16px}.scene{height:150px}h1{font-size:1.8rem}.people button{flex:1}}