/* X cards in X's own dark palette: launch post, linked profile, community; wallet identicons */
.xt, .xp, .xc { background: #000; color: #e7e9ea; border-radius: 16px; box-shadow: inset 0 0 0 1px #2f3336; font-family: -apple-system, 'Segoe UI', 'Zalando Sans', Inter, sans-serif; text-align: left; }
.xt { padding: 12px 14px 10px; }
.xt .xh, .xp .pi { display: flex; align-items: center; gap: 10px; position: relative; }
.xt .av, .xp .av { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; flex: none; background: #16181c; }
.xt .av.ini, .xp .av.ini { display: grid; place-items: center; font-weight: 800; color: #71767b; }
.xt .xn, .xp .xn { min-width: 0; flex: 1; }
.xt .xn b, .xp .xn b { display: flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 700; color: #e7e9ea; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xt .xn span, .xp .xn span { display: block; font-size: 13px; color: #71767b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xt .ck, .xp .ck { width: 16px; height: 16px; flex: none; }
.xt .xl, .xp .xl, .xc .xl { width: 16px; height: 16px; color: #e7e9ea; flex: none; margin-left: auto; }
.xt .xl svg, .xp .xl svg, .xc .xl svg { width: 100%; height: 100%; display: block; }
.xt .xb, .xp .xb { margin-top: 8px; font-size: 14px; line-height: 1.42; color: #e7e9ea; overflow-wrap: anywhere; }
.xt .xb em, .xp .xb em { font-style: normal; color: #1d9bf0; }
.xt .ph { margin-top: 10px; border-radius: 14px; overflow: hidden; box-shadow: inset 0 0 0 1px #2f3336; max-height: 210px; }
.xt .ph img { width: 100%; height: 100%; object-fit: cover; display: block; }
.xt .xf, .xp .xf { margin-top: 10px; display: flex; align-items: center; gap: 16px; font-size: 12.5px; color: #71767b; }
.xt .xf span, .xp .xf span { display: inline-flex; align-items: center; gap: 5px; }
.xt .xf svg { width: 15px; height: 15px; }
.xt .xf .src, .xp .xf .src { margin-left: auto; font-size: 11px; letter-spacing: .02em; color: #536471; }
.xp { overflow: hidden; padding-bottom: 12px; }
.xp .bn { height: 74px; background: #16181c center/cover; }
.xp .pi { padding: 0 14px; margin-top: -26px; align-items: flex-end; }
.xp .av.big { width: 58px; height: 58px; box-shadow: 0 0 0 3px #000; }
.xp .pi .xl { margin-bottom: 4px; }
.xp .xn, .xp .xb, .xp .xf { padding: 0 14px; }
.xp .xn { margin-top: 8px; }
.xp .xf b { color: #e7e9ea; }
.xc { display: flex; align-items: center; gap: 12px; padding: 12px 14px; }
.xc .xl { margin: 0; width: 20px; height: 20px; }
.xc b { display: block; font-size: 14px; } .xc span { font-size: 12.5px; color: #71767b; }
.idn { display: inline-block; vertical-align: middle; flex: none; border-radius: 4px; }