:root{--ink:#161410;--muted:#5c574e;--line:#d9d3c7;--paper:#f6f1e8;--card:#fffdf8;--accent:#8a1f12}
*{box-sizing:border-box}
html{font-size:18px}
body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.45 Georgia,"Times New Roman",serif}
nav{display:flex;justify-content:space-between;align-items:baseline;max-width:54rem;margin:0 auto;padding:1.1rem 1.2rem;border-bottom:1px solid var(--line)}
nav a{color:var(--ink);text-decoration:none}
nav .brand{font:600 .95rem/1 system-ui,sans-serif;letter-spacing:.04em}
nav .links{font:500 .8rem/1 system-ui,sans-serif;display:flex;gap:1rem}
.wrap{max-width:54rem;margin:0 auto;padding:2rem 1.2rem 4rem}
h1{font:600 2.1rem/1.15 Georgia,serif;margin:0 0 .6rem}
.lede{font-size:1.15rem;max-width:36rem;margin:0 0 1.4rem}
.price{font:600 .9rem/1.3 system-ui,sans-serif;margin:0 0 2rem}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1.2rem 0 2rem}
.card{display:block;background:var(--card);border:1px solid var(--line);padding:1rem 1.1rem;text-decoration:none;color:var(--ink)}
.card:hover{border-color:var(--ink)}
.card h3{margin:0 0 .25rem;font:600 1.05rem/1.25 Georgia,serif}
.card p{margin:0;color:var(--muted);font-size:.92rem}
.sample{background:var(--card);border:1px solid var(--line);padding:1.2rem 1.3rem;margin:1.5rem 0;white-space:pre-wrap;font-size:.95rem}
.disclaimer{font: .82rem/1.4 system-ui,sans-serif;color:var(--muted);max-width:38rem}
form{display:grid;gap:.7rem;margin:1rem 0 1.4rem}
label{font:600 .75rem/1 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
input,textarea,select{width:100%;padding:.55rem .6rem;border:1px solid var(--line);background:#fff;font:1rem Georgia,serif}
textarea{min-height:5.5rem}
.row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.actions{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0 1.5rem}
button,.btn{appearance:none;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:.55rem .9rem;font:600 .85rem/1 system-ui,sans-serif;cursor:pointer;text-decoration:none}
button.ghost,.btn.ghost{background:transparent;color:var(--ink)}
.letter{background:#fff;border:1px solid var(--line);padding:2rem 2.1rem;min-height:24rem;white-space:pre-wrap}
.letter footer.meta{margin-top:1.6rem;padding-top:.8rem;border-top:1px solid var(--line);font:.78rem/1.35 system-ui,sans-serif;color:var(--muted);white-space:normal}
.layout{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;align-items:start}
@media (max-width:800px){.grid,.row,.layout{grid-template-columns:1fr}h1{font-size:1.65rem}}
@media print{nav,.no-print{display:none !important}body{background:#fff}.letter{border:0;padding:0} .wrap{padding:0}}
