.xnote{margin:0 0 22px;padding:14px 18px;border-radius:14px;border:1px solid var(--edge,#1d2a44);border-left:3px solid #a678ff;background:rgba(166,120,255,.07)}
.xnote p{margin:6px 0 0;color:var(--mut,#8fa3c4);font-size:14.5px}
.xlist{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));margin-top:10px}
.xc{padding:20px;border-radius:18px;border:1px solid var(--edge,#1d2a44);background:var(--card,#0a1224);min-width:0}
.xc header{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.xref{align-self:flex-start;font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;padding:6px 9px;border-radius:8px;color:#04110c;background:linear-gradient(90deg,#3dffc0,#6ee7ff)}
.xc h3{margin:0;font-size:18px;line-height:1.3}
.xasks{margin:0 0 14px;color:var(--mut,#8fa3c4);font-size:15px;line-height:1.55}
.xrow{display:grid;gap:6px;margin-top:12px}
.xrow>b{font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:#6ee7ff}
.xrow>div{display:flex;flex-wrap:wrap;gap:6px}
.xchip{display:inline-block;padding:6px 11px;border-radius:999px;border:1px solid var(--edge,#1d2a44);font-size:13.5px;text-decoration:none;color:var(--ink,#e8efff);background:rgba(255,255,255,.03);max-width:100%;overflow-wrap:anywhere}
.xchip:hover{border-color:#3dffc0}.xchip.t{border-color:#a678ff55}.xchip.m{border-color:#ffb86b55}
.xnone{color:var(--mut,#8fa3c4);font-size:13.5px}
.xrow ul{margin:0;padding-left:0;list-style:none;display:grid;gap:4px}
@media(max-width:560px){.xc{padding:16px}.xlist{gap:12px}}
.xrow li{font-size:14.5px;line-height:1.45;margin:0;padding-left:18px}
.xrow li::before{top:.55em}