body{font:16px/1.7 Georgia,serif;margin:0;background:#fcfaf5;color:#2f2f2f}header,footer{background:#f3efe6;padding:18px 0;border-bottom:1px solid #ddd}.wrap{width:min(1000px,92%);margin:auto}nav a{margin-right:22px;color:#455;text-decoration:none}h1,h2{font-weight:500}.hero{padding:70px 0;background:#efe9dc}.card{background:#fff;padding:22px;border:1px solid #ddd;border-radius:12px;margin:18px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.yarn{padding:18px;border-radius:12px;background:#f7f3eb;border:1px solid #ddd}