*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#fbf7f1;color:#2b2420}
a{color:#c4553b}header,footer{max-width:960px;margin:auto;padding:14px 18px}header{display:flex;justify-content:space-between;align-items:center}
.logo{font-weight:800;text-decoration:none;color:#2b2420;font-size:20px}nav a{margin-left:14px;font-size:14px}
main{max-width:960px;margin:auto;padding:0 18px 40px}h1{font-size:clamp(26px,5vw,40px);line-height:1.15;margin:18px 0 8px}
.sub{font-size:18px;color:#5d524a;max-width:720px}.card{background:#fff;border-radius:16px;padding:20px;margin:20px 0;box-shadow:0 2px 12px rgba(60,40,20,.08)}
.gen{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.gen label{font-size:13px;color:#6d625a}
select,button{width:100%;padding:10px;border-radius:10px;border:1px solid #d9cfc4;font-size:15px;background:#fff}
button{background:#e07a5f;color:#fff;border:0;font-weight:700;cursor:pointer;margin-top:12px}button:hover{background:#c96549}
.names{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:16px;padding:0;list-style:none}
.names li{background:#fff8ef;border:1px solid #f0e2d0;border-radius:12px;padding:10px 12px}.names b{font-size:18px}.names small{display:block;color:#6d625a}
.cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.cta a{background:#2e2a24;color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;font-size:14px}
.links{columns:2 220px;padding-left:18px}.small{font-size:13px;color:#7a6f66}details{border-top:1px solid #eee;padding:8px 0}summary{font-weight:600;cursor:pointer}
footer{font-size:13px;color:#7a6f66;text-align:center}
@media(max-width:560px){header{flex-wrap:wrap;gap:4px}nav a{margin:0 10px 0 0;font-size:13px}.names{grid-template-columns:1fr 1fr}.card{padding:14px}.sub{font-size:16px}}