.xl-wrap{display:block;margin:0}.xl{display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-card);background:linear-gradient(135deg,var(--primary-soft),var(--surface) 75%);color:var(--ink);text-decoration:none;text-align:left;font:inherit;cursor:pointer;transition:border-color var(--motion),background var(--motion)}.xl:hover{border-color:var(--line-strong)}.xl:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.xl-mark{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:62px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);color:var(--primary);font:800 18px var(--font);letter-spacing:-.02em}.xl-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.xl-eyebrow{font:600 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.xl-title{font-size:18px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.xl-sub{font-size:16px;color:var(--muted);line-height:1.35}.xl-badge{display:inline-block;margin-left:8px;vertical-align:1px;padding:0 8px;text-transform:none;letter-spacing:0;border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--surface);font:700 13px var(--font);color:var(--ink)}.xl-arrow{font-size:22px;color:var(--primary)}.xl-share{display:flex;flex-direction:column;gap:10px}