.vl-guide-art{grid-column:1/-1;width:100%;min-width:0;margin:18px 0 26px;display:grid;gap:16px}
.vl-guide-art-panel{min-width:0;border:1px solid rgba(154,134,244,.22);border-radius:16px;background:linear-gradient(125deg,rgba(84,67,157,.15),rgba(24,30,54,.35));padding:20px}
.vl-guide-art-panel h3{font-size:16px!important;line-height:1.45!important;margin:0 0 16px!important;color:#ebe6ff}
.vl-guide-art-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.vl-guide-art-cell{margin:0;min-width:0;text-align:center;position:relative}
.vl-guide-art-picture{height:112px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:radial-gradient(ellipse,rgba(120,97,230,.14),transparent 72%);margin-bottom:10px}
.vl-guide-art-picture img{display:block;width:auto!important;height:auto!important;max-width:95%!important;max-height:100px!important;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}
.vl-guide-art-cell figcaption{font-size:13px;line-height:1.45;color:#c7ceeb;overflow-wrap:anywhere}
.vl-guide-art-cell.is-result figcaption{color:#b7f3df;font-weight:650}
.vl-guide-art-recipe .vl-guide-art-picture img{max-width:82%!important}
.vl-guide-art-recipe .vl-guide-art-cell:not(:last-child)::after{content:'+';position:absolute;top:45px;right:-11px;color:#b2a0ee;font-size:20px}
.vl-guide-art-recipe .vl-guide-art-cell:nth-last-child(2)::after{content:'→';right:-14px}
.vl-guide-art-note{margin:16px 0 0!important;font-size:12px!important;color:#9faacb;line-height:1.5}
@media(min-width:1100px){.vl-guide-art:has(.vl-guide-art-panel:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.vl-guide-art-panel{padding:15px 10px}.vl-guide-art-grid{gap:7px}.vl-guide-art-picture{height:86px}.vl-guide-art-picture img{max-height:78px!important}.vl-guide-art-cell figcaption{font-size:11px}.vl-guide-art-recipe .vl-guide-art-cell:not(:last-child)::after{top:33px;right:-8px;font-size:15px}.vl-guide-art-recipe .vl-guide-art-cell:nth-last-child(2)::after{right:-9px}}
.vl-guide-art-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}

.vl-guide-art-flow{list-style:none!important;padding:0!important;margin:0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.vl-guide-art-flow>li{min-width:0;position:relative;margin:0!important;padding:14px 10px!important;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;background:rgba(14,15,32,.3);border:1px solid rgba(154,134,244,.15);border-radius:12px}
.vl-guide-art-flow>li:not(:last-child)::after{content:'→';position:absolute;right:-22px;top:40px;color:#a99be8;font-size:20px}
.vl-guide-art-flow-icon{width:54px;height:54px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(158,136,247,.35);border-radius:16px;background:radial-gradient(circle at 40% 30%,rgba(125,90,245,.3),rgba(39,47,79,.25));color:#c5b8ff;font-size:24px}
.vl-guide-art-flow-label{font-size:13px;line-height:1.5;color:#d5d9ed;overflow-wrap:anywhere}
@media(max-width:600px){.vl-guide-art-flow{grid-template-columns:1fr;gap:20px}.vl-guide-art-flow>li{flex-direction:row;text-align:left;gap:14px;padding:12px!important}.vl-guide-art-flow>li:not(:last-child)::after{content:'↓';right:calc(50% - 6px);top:auto;bottom:-22px;font-size:18px}.vl-guide-art-flow-icon{width:42px;height:42px;border-radius:12px;font-size:20px}.vl-guide-art-flow-label{font-size:13px}}