.wx-grid{list-style:none;margin:0;padding:0;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.wx-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 1px 2px rgba(15,23,42,.06),0 8px 24px rgba(15,23,42,.06);display:flex;flex-direction:column;gap:12px}.wx-card h2{font-size:1.35rem;margin:0}.wx-card h2 a{color:inherit;text-decoration:none}.wx-card h2 a:focus-visible,.wx-card h2 a:hover{text-decoration:underline}.wx-card p{margin:0;color:#475569}.wx-badge{align-self:flex-start;font-size:.78rem;font-weight:600;letter-spacing:.02em;color:#3730a3;background:#eef2ff;border-radius:999px;padding:4px 10px}.wx-chain{margin:4px 0 8px;padding-left:20px;color:#334155;font-size:.95rem;line-height:1.7}.wx-how{margin-top:56px;background:#f8fafc;border-radius:16px;padding:28px}.wx-how h2{margin:0 0 12px;font-size:1.3rem}.wx-how ol{margin:0;padding-left:20px;line-height:1.8;color:#334155}.wx-crumbs{font-size:.9rem;color:#64748b;margin-bottom:16px}.wx-crumbs a{color:inherit}.wx-detail{display:grid;gap:32px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}.wx-detail .wx-how,.wx-detail .wx-others{grid-column:1/-1;margin-top:0}.wx-blocks{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.wx-block{background:#fff;border-radius:14px;padding:22px;box-shadow:0 1px 2px rgba(15,23,42,.06),0 6px 18px rgba(15,23,42,.05)}.wx-block h2{display:flex;align-items:center;gap:8px;font-size:1.05rem;margin:0 0 10px}.wx-block ol,.wx-block p,.wx-block ul{margin:0;color:#334155;line-height:1.65}.wx-block ol,.wx-block ul{padding-left:20px}.wx-sample{position:sticky;top:96px;background:#0f172a;color:#e2e8f0;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px}.wx-sample .wx-badge{background:#1e293b;color:#c7d2fe}.wx-sample h2{margin:0;font-size:1.1rem;color:#fff}.wx-sample dl{margin:0;display:grid;gap:10px}.wx-sample dt{font-size:.8rem;color:#94a3b8}.wx-sample dd{margin:0;font-weight:600;color:#f8fafc}.wx-status{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:.88rem;color:#cbd5e1}.wx-others h2{font-size:1.15rem;margin:0 0 8px}.wx-others ul{margin:0;padding-left:20px;line-height:1.9}@media (max-width:860px){.wx-detail{grid-template-columns:1fr}.wx-sample{position:static}}