:root{--paper:#f8f6ef;--ink:#293c30;--muted:#5c695c;--line:#d7dccb;--accent:#e7edba}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}::selection{background:#dce68f}a{color:inherit}a:focus-visible{outline:3px solid var(--ink);outline-offset:7px}button:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.page{max-width:1280px;margin:0 auto;padding:0 56px}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:32px 0;display:flex}.wordmark{letter-spacing:-1.3px;font-size:25px;font-weight:800;text-decoration:none}.wordmark span{vertical-align:super;letter-spacing:0;margin-left:5px;font-size:10px}.edition{color:var(--muted);font-size:12px}main{max-width:860px;margin:0 auto;padding:76px 0 60px}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:10px;font-weight:700}h1{letter-spacing:-2.6px;margin:23px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5.3vw,68px);font-weight:400;line-height:1.05}.intro{max-width:490px;color:var(--muted);margin-bottom:40px;font-size:16px;line-height:1.7}.name-card{background:var(--accent);border:1px solid #cbd4a4;border-radius:6px;padding:28px 32px 22px}.card-top,.card-bottom{justify-content:space-between;align-items:center;gap:16px;display:flex}.generator-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}button{appearance:none;cursor:pointer;font:inherit;border-radius:999px;padding:11px 17px;font-size:13px;font-weight:700}.generate-button{background:var(--ink);border:1px solid var(--ink);color:var(--paper)}.generate-button:hover{background:#3a5140}.copy-button{color:var(--ink);background:0 0;border:1px solid #9fac8c}.copy-button:hover:not(:disabled){background:#edf0df}button:disabled{cursor:not-allowed;opacity:.55}.copy-feedback{color:var(--muted);min-height:1.2em;margin:0 0 0 5px;font-size:12px}.sample-tag{white-space:nowrap;border:1px solid #75825e;border-radius:30px;padding:5px 9px;font-size:10px}h2{letter-spacing:-2.5px;margin:44px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(40px,6.5vw,76px);font-weight:400;line-height:1.1}.caption{margin:0 0 40px;font-size:14px}.card-bottom{border-top:1px solid #bec79a;padding-top:19px;font-size:11px}.formula{font-family:monospace}.examples{flex-wrap:wrap;gap:10px;margin-top:19px;display:flex}.examples span{border:1px solid var(--line);color:var(--muted);border-radius:30px;padding:9px 15px;font-size:12px}.work-note{color:var(--muted);align-items:baseline;gap:12px;margin-top:37px;display:flex}.work-note p{margin:0;font-size:12px;line-height:1.8}.work-note strong{color:var(--ink)}.status-dot{background:#698246;border-radius:50%;flex-shrink:0;width:6px;height:6px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:16px;padding:24px 0;font-size:10px;display:flex}@media (max-width:640px){.page{padding:0 22px}.masthead{padding:24px 0}.edition{display:none}main{padding:45px 0}h1{letter-spacing:-1.7px}.name-card{padding:22px}.card-top{align-items:flex-start}.card-top .eyebrow{max-width:190px;font-size:9px;line-height:1.6}h2{letter-spacing:-1.5px;overflow-wrap:anywhere}.card-bottom,footer{flex-direction:column;align-items:flex-start;gap:10px}.copy-feedback{width:100%;margin-left:0}}
