:root{--paper: #f3eee4;--ink: #1a1814;--muted: #5c564c;--line: #c9c2b4;--sheet: #faf7f0;--max: 760px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,Palatino Linotype,Palatino,serif;font-size:17px;line-height:1.55}header,main,footer{width:min(100% - 2.4rem,var(--max));margin-inline:auto}header{padding:1.2rem 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}main{padding:2rem 0 3rem}footer{padding:1.4rem 0 2.4rem;border-top:1px solid var(--line);color:var(--muted);font-size:.92rem}.brand{color:var(--ink);text-decoration:none;font-weight:700;letter-spacing:.04em}h1{font-size:clamp(1.7rem,4vw,2.2rem);line-height:1.2;margin:0 0 .8rem}h2{font-size:1.2rem;margin:2rem 0 .7rem}p{margin:0 0 1rem}a{color:var(--ink)}.lede{color:var(--muted);font-size:1.15rem}.btn{display:inline-block;background:var(--ink);color:var(--paper);text-decoration:none;border:1px solid var(--ink);padding:.7rem 1.15rem;font:inherit;font-weight:600;cursor:pointer}.btn:hover{background:#000;color:var(--paper)}.btn:disabled{opacity:.4;cursor:not-allowed}.drop{border:1.5px dashed var(--line);background:var(--sheet);padding:1rem;margin:0 0 1rem}.drop input{display:block;margin-top:.5rem}.field{margin:0 0 1rem}.field label{display:block;font-size:.88rem;font-weight:700;margin-bottom:.3rem}.field input{width:100%;padding:.6rem .7rem;border:1px solid var(--line);background:var(--sheet);color:var(--ink);font:inherit}.preview{padding-left:1.2rem}.preview li{margin:.4rem 0}.note{background:#efe6d4;border:1px solid var(--line);padding:.8rem 1rem;color:var(--muted)}.banner{background:#e6efe8;border:1px solid #c3d4c6;padding:.8rem 1rem;margin-bottom:1rem}.hidden{display:none!important}nav a{margin-left:1rem;color:var(--muted);text-decoration:none}