.app-guide .app-guide-step{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:40px;margin:38px 0 45px}
.app-guide .app-step-label{display:block;color:#bda273;font-size:11px;letter-spacing:1px;margin-bottom:12px}
.app-guide .app-guide-step h2{font-size:26px;line-height:1.3}
.app-guide .app-fragment{position:relative;margin:0;padding:14px 14px 16px;border:1px solid #b2945c40;border-radius:14px;background:linear-gradient(145deg,#28251f,#20201e)}
.app-guide .app-fragment:before{content:"";position:absolute;left:-7px;top:40px;width:12px;height:12px;transform:rotate(-45deg);background:#27241f;border-top:1px solid #b2945c40;border-left:1px solid #b2945c40}
.app-guide .app-fragment .gallery-open{display:block;width:100%;cursor:zoom-in}
.app-guide .app-fragment .gallery-open img{display:block;width:100%;height:auto;object-fit:contain;border-radius:8px;filter:none}
.app-guide .app-fragment .gallery-open>span{font-size:10px;padding:10px 0 8px;color:#a89f8e;gap:12px}
.app-guide .app-fragment .gallery-open b{color:#dfbd80;text-decoration:underline;text-underline-offset:3px}
.app-guide .app-fragment .gallery-open:focus-visible{outline:2px solid #dfbd80;outline-offset:5px;border-radius:6px}
.app-guide .app-fragment figcaption{font-size:12px;line-height:1.6;color:#c3baa9}
.app-guide .app-example-note{font-size:12px;line-height:1.7;color:#a69d8c;max-width:760px;margin:-12px 0 40px}
@media(max-width:760px){.app-guide .app-guide-step{grid-template-columns:1fr;gap:15px;margin:30px 0 38px}.app-guide .app-fragment{width:min(100%,330px);justify-self:start}.app-guide .app-fragment:before{left:30px;top:-7px;transform:rotate(45deg)}.app-guide .app-guide-step h2{font-size:24px}.app-guide .app-example-note{margin-top:0}}