/* snakes-and-ladders — 横票：左图右文，木纹底，不是上下条 */
body[data-slug="snakes-and-ladders"]{background:#24180f;font-family:"Segoe UI",Roboto,sans-serif}
body[data-slug="snakes-and-ladders"] .f-root{align-items:center;background-color:#24180f;background-image:none}
body[data-slug="snakes-and-ladders"] .f-root:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,#3a2a1c 0 12px,#2c1e14 12px 24px)}
body[data-slug="snakes-and-ladders"] .f-root:after{display:none}
body[data-slug="snakes-and-ladders"] .f-card{width:min(100%,560px);padding:0 12px;display:block}
body[data-slug="snakes-and-ladders"] .f-art{display:block;height:120px;margin:0 0 8px;border-radius:14px 14px 0 0;border:0;background-color:#1d4d32}
body[data-slug="snakes-and-ladders"] .f-flow{border-radius:0 0 14px 14px;padding:14px 16px 16px;background:#f6efe4;border:3px dashed #2f6b3a;box-shadow:0 16px 0 #1d4d32}
body[data-slug="snakes-and-ladders"] .f-name{color:#2f6b3a;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
body[data-slug="snakes-and-ladders"] .f-h{color:#24180f;font-size:22px;font-weight:800}
body[data-slug="snakes-and-ladders"] .f-sub{color:#6b5344}
body[data-slug="snakes-and-ladders"] .f-steps s{background:#e4d3b8;height:8px;width:8px;border-radius:50%}
body[data-slug="snakes-and-ladders"] .f-steps s.on{background:#c4512c;width:22px;border-radius:99px}
body[data-slug="snakes-and-ladders"] .f-btn{border-radius:14px;background:#c4512c;color:#fff;font-weight:800;box-shadow:none}
body[data-slug="snakes-and-ladders"] .f-bar{background:#eadcc6;height:8px}
body[data-slug="snakes-and-ladders"] .f-bar i{background:#2f6b3a}
body[data-slug="snakes-and-ladders"] .f-meta #pct{color:#24180f;font-weight:800}
@media(min-width:720px){
  body[data-slug="snakes-and-ladders"] .f-card{display:flex;align-items:stretch}
  body[data-slug="snakes-and-ladders"] .f-art{width:42%;height:auto;min-height:220px;margin:0;border-radius:14px 0 0 14px}
  body[data-slug="snakes-and-ladders"] .f-flow{border-radius:0 14px 14px 0;flex:1}
}