*{box-sizing:border-box}body{margin:0;font:16px system-ui,-apple-system,Segoe UI,sans-serif;color:#292723;background:#fff}a{color:inherit;text-decoration:none}.top{border-bottom:1px solid #eee;background:#fff;position:sticky;top:0;z-index:5}.head{max-width:1180px;margin:auto;display:flex;align-items:center;gap:22px;padding:10px 20px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:20px}.brand img{width:62px;height:62px;object-fit:contain}.search{flex:1;min-width:80px;padding:14px 16px;border:1px solid #dedbd2;border-radius:12px;font:inherit}.shell{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:215px 1fr;gap:32px;padding:32px 20px}.side{border-right:1px solid #eee;padding-right:20px}.side a{display:block;padding:12px;border-radius:8px}.side a:hover,.side a.active{background:#faf5e8;color:#86641f}.hero{background:linear-gradient(100deg,#faf6ed,#fff);border:1px solid #f0e5c9;border-radius:20px;padding:36px;position:relative;overflow:hidden}.hero:after{content:'';background:url('assets/logo.png') center/contain no-repeat;opacity:.055;position:absolute;right:0;top:0;width:45%;height:100%;pointer-events:none}.hero>*{position:relative;z-index:1}.eyebrow{color:#a27d2c;font-weight:700;letter-spacing:.08em;font-size:12px}h1{font-size:clamp(27px,4vw,42px);margin:8px 0}h2{font-size:23px;margin:32px 0 18px}.muted{color:#6f6b65}.categories,.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category,.card{border:1px solid #eae7e0;border-radius:16px;overflow:hidden;background:white}.category{padding:25px 14px;text-align:center;font-weight:700}.category .emoji{display:block;font-size:38px;margin-bottom:10px}.card .photo{height:180px;background:#f6f3ed;display:flex;align-items:center;justify-content:center;color:#a18b60;font-size:54px}.card .body{padding:17px}.card h3{font-size:17px;margin:0 0 10px}.button{display:inline-block;background:#8d6b2b;color:white;padding:12px 18px;border-radius:10px;font-weight:700;border:0;cursor:pointer}.button.disabled{background:#ddd;color:#555;cursor:default}.notice{background:#fff8e8;border:1px solid #f0e1b8;padding:14px;border-radius:10px}.footer{border-top:1px solid #eee;padding:25px;text-align:center;color:#777;font-size:13px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.detail .photo{height:360px;background:#f7f4ed;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:90px}.back{display:inline-block;margin-bottom:24px;color:#826326}@media(max-width:800px){.head{flex-wrap:wrap;gap:10px}.brand{font-size:16px}.brand img{width:44px;height:44px}.search{flex-basis:100%;order:2}.shell{display:block;padding:18px}.side{border:0;padding:0;display:flex;overflow-x:auto;white-space:nowrap;gap:4px;margin-bottom:18px}.side a{padding:10px}.categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.category{padding:14px 4px;font-size:13px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card .photo{height:135px}.hero{padding:23px}.detail{grid-template-columns:1fr}.detail .photo{height:230px}}@media(max-width:420px){.cards{grid-template-columns:1fr}}