/* Read-only guide: each numbered step has exactly one content block. */
.guide-reading{display:flex;flex-direction:column;gap:24px;padding-bottom:45px}
.guide-reading>.card{margin:0}
.guide-card h3{margin-bottom:24px}
.guide-card p,.pg-guide-intro p{font-size:24px;line-height:1.65;max-width:100%;margin:0}
.guide-card h4{font:800 30px/1.25 var(--display);color:#ffe2a1;margin:0 0 8px}
.guide-steps{list-style:none;margin:0;padding:0;counter-reset:guide;display:flex;flex-direction:column;gap:26px}
.guide-steps>li{counter-increment:guide;display:grid;grid-template-columns:56px minmax(0,1fr);gap:22px;align-items:start}
.guide-steps>li::before{content:counter(guide);width:56px;height:56px;display:grid;place-items:center;border-radius:17px;background:#ffffff18;color:#ffdb80;font:800 32px/1 var(--display)}
.guide-steps>li>div{min-width:0}
.guide-game-label{display:flex;align-items:center;gap:30px;margin-bottom:28px;background:#ffffff06;border-radius:22px;padding:16px 26px}
.guide-game-label img{width:160px;height:150px;object-fit:contain;flex-shrink:0}
.guide-controls{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:26px 0}
.guide-controls>div{border:1px solid #ffffff20;border-radius:22px;padding:24px;background:#ffffff06}
.guide-controls dl{margin:0}.guide-controls dt{font-size:24px;font-weight:700;margin:22px 0 6px;color:#ffe2a1}
.guide-controls dd{font-size:23px;line-height:1.6;margin:0}

.guide-animal{display:block;width:160px;height:160px;flex-shrink:0;background-size:200% 200%;background-position:0 0;background-repeat:no-repeat}
.guide-eagle{background-image:url(../menu/eagle-flight.webp)}
.guide-horse{background-image:url(../menu/horse-gallop.webp)}