.wsg-wrap{max-width:1160px;margin:30px auto;padding:26px;border:1px solid #dfe7ee;border-radius:18px;background:#fff;color:#172033;box-shadow:0 18px 42px rgba(23,32,51,.08)}.wsg-wrap *{box-sizing:border-box}.wsg-wrap svg{width:1.05em;height:1.05em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.wsg-head{display:flex;gap:16px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #e3e9ef}.wsg-head>span{display:inline-flex;width:54px;height:54px;align-items:center;justify-content:center;border-radius:14px;background:#0f62c9;color:#fff;box-shadow:0 12px 24px rgba(15,98,201,.22);flex:0 0 auto}.wsg-head h2{margin:0 0 8px;font-size:clamp(28px,3vw,42px);line-height:1.15;color:#111827;letter-spacing:0}.wsg-head p{margin:0;color:#4b5b6c;font-size:18px;line-height:1.8}.wsg-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:22px 0}.wsg-steps article{min-height:180px;padding:16px;border:1px solid #dfe7ee;border-radius:14px;background:#fbfdff}.wsg-steps svg{width:38px;height:38px;color:#0f62c9}.wsg-steps article:nth-child(1) svg,.wsg-steps article:nth-child(5) svg{color:#15803d}.wsg-steps article:nth-child(4) svg{color:#f97316}.wsg-steps h3,.wsg-structure h3,.wsg-examples h3,.wsg-ng h3,.wsg-bottom h3,.wsg-ref h3{margin:12px 0 8px;font-size:22px;line-height:1.25;color:#10203b}.wsg-steps p{margin:0;color:#48586a;font-size:15px;line-height:1.7}.wsg-structure,.wsg-examples,.wsg-ng,.wsg-order,.wsg-check,.wsg-ref{border:1px solid #dfe7ee;border-radius:16px;background:#fbfdff;padding:20px;margin-top:18px}.wsg-structure>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wsg-structure article{padding:16px;border:2px solid #dfe7ee;border-radius:14px;background:#fff}.wsg-structure article:nth-child(1){border-color:#15803d}.wsg-structure article:nth-child(2){border-color:#0f62c9}.wsg-structure article:nth-child(3){border-color:#f97316}.wsg-structure b{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:#0f62c9;color:#fff}.wsg-structure strong{display:block;margin:9px 0;color:#15803d;font-size:16px;line-height:1.5}.wsg-structure p{margin:0;color:#48586a;line-height:1.7}.wsg-examples ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wsg-examples li{padding:14px;border-left:5px solid #0f62c9;border-radius:12px;background:#fff;line-height:1.8;font-weight:800}.wsg-ng div{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dfe7ee;border-radius:14px;overflow:hidden}.wsg-ng strong{padding:12px;background:#ef4444;color:#fff;text-align:center}.wsg-ng strong:nth-child(2){background:#16a34a}.wsg-ng p{margin:0;padding:13px;border-top:1px solid #dfe7ee;line-height:1.7;background:#fff}.wsg-ng p:nth-child(odd){background:#fff7f7}.wsg-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wsg-order ol,.wsg-check ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.wsg-order li,.wsg-check li{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #dfe7ee;border-radius:12px;background:#fff;font-weight:800;line-height:1.5}.wsg-order span{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:#0f62c9;color:#fff;flex:0 0 auto}.wsg-check svg{color:#15803d;flex:0 0 auto}.wsg-ref{background:#f4f9ff}.wsg-ref p{margin:0 0 10px;color:#48586a;line-height:1.8}.wsg-ref a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;border:1px solid #cfe0ed;border-radius:10px;background:#fff;color:#0f62c9!important;text-decoration:none;font-weight:900}@media(max-width:760px){.wsg-wrap{margin:22px 18px;padding:18px;border-radius:16px}.wsg-head{gap:12px}.wsg-head>span{width:44px;height:44px}.wsg-head h2{font-size:30px}.wsg-head p{font-size:16px;line-height:1.75}.wsg-steps,.wsg-structure>div,.wsg-examples ul,.wsg-bottom{grid-template-columns:1fr}.wsg-steps article{min-height:auto}.wsg-steps h3,.wsg-structure h3,.wsg-examples h3,.wsg-ng h3,.wsg-bottom h3,.wsg-ref h3{font-size:23px}.wsg-ng div{grid-template-columns:1fr}.wsg-ng strong:nth-child(2){border-top:1px solid rgba(255,255,255,.45)}}