body{margin:0;background:#f5f5f3;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;color:#333}
  .wrap{max-width:750px;margin:0 auto;background:#fff}
  img{max-width:100%;display:block}
  .hero{background:linear-gradient(135deg,#f5efe6 0%,#e8dcc8 100%);color:#fff;text-align:center;padding:48px 24px}
  .hero h1{margin:0 0 8px;font-size:30px;letter-spacing:1px;color:#4a3728;font-weight:bold}
  .hero p{margin:0;font-size:15px;color:#5c4836}
  .sec{padding:36px 28px}
  .sec h2{font-size:20px;color:#5c4a36;margin:0 0 16px;padding-left:12px;border-left:4px solid #c9a87a}
  .sec p{font-size:14px;line-height:1.8;margin:8px 0}
  .grid{display:flex;flex-wrap:wrap;gap:8px}
  .grid img{width:calc(33.333% - 6px);border-radius:4px}
  .badge{display:inline-block;background:#5c4a36;color:#f5efe6;font-size:12px;padding:4px 12px;border-radius:3px;margin:4px 6px 4px 0}
  table{width:100%;border-collapse:collapse;font-size:13px;margin-top:12px}
  td,th{border:1px solid #ddd;padding:10px 12px;text-align:left}
  th{background:#5c4a36;color:#f5efe6;font-weight:normal}
  td:first-child{width:38%;font-weight:bold;color:#5c4a36}
  ul{margin:8px 0;padding-left:20px}
  li{font-size:14px;line-height:1.9}
  .steps{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
  .step{flex:1 1 40%;background:#f7f7f5;border:1px solid #e3e3df;border-radius:6px;padding:14px}
  .step b{color:#5c4a36;display:block;margin-bottom:4px}
  .step span{font-size:13px;line-height:1.6;color:#555}
  details{border:1px solid #e3e3df;border-radius:6px;margin-bottom:8px;background:#fafaf8}
  summary{cursor:pointer;padding:14px 16px;font-size:14px;font-weight:bold;color:#5c4a36}
  details p{padding:0 16px 14px;margin:0;font-size:13.5px;line-height:1.8;color:#555}
  .note{background:#f7f7f5;border-left:4px solid #c9a87a;padding:12px 16px;font-size:13px;color:#555;margin-top:16px}